@import url("fonts.css");
@import url("globals.css");

/*body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 0.875em;
	line-height: 1.2;
	background-color: #d3d3d3;
}

a {
	text-decoration: none;
	color: #025c1f;
}
 a:hover {
 	text-decoration: underline;
}
*/
body {
    margin: 0;
    padding: 0;
    font-family: 'ProximaNova-Regular', sans-serif;
    line-height: 1.5;
}
img {
    vertical-align: middle;
}

.rcl_component.bg-cerulean,  a.button.bg-cerulean { background-color: #2B69B5; }
.rcl_component.bg-navy,  a.button.bg-navy{ background-color: #1C0C45; }
.rcl_component.bg-gold,  a.button.bg-gold{ background-color: #F9C700; }
.rcl_component.bg-fuchsia,  a.button.bg-fuchsia{ background-color: #E1066E; }
.rcl_component.bg-lime,  a.button.bg-lime{ background-color: #C8F615; }
.rcl_component.bg-clover,  a.button.bg-clover{ background-color: #008000; }
.rcl_component.bg-tangerine,  a.button.bg-tangerine{ background-color: #E24624; }
.rcl_component.bg-teal,  a.button.bg-teal{ background-color: #1b7492; }
.rcl_component.bg-pumpkin,  a.button.bg-pumpkin{ background-color: #f7ad7e; }
.rcl_component.bg-aqua, a.button.bg-aqua{background-color: #61cff4; }
.rcl_component.bg-decoBlue,  a.button.bg-decoBlue{ background-color: #9ce7ed; }

/* accolade bar styles */
.accoladeBar {
    display: flex;
    align-items: center;
    padding: 20px;
}

.accoladeBar .text.parbase {
    letter-spacing: 3px;
}

.accoladeBar .image.parbase {
    text-align: center;
}


.accoladeBar .image.parbase img {
    height: 5rem;
    width: auto;
}

.rcl_component.fullwidth {
    width: 100vw;
}

/* attempting to width-limit the nav and the rest of the site per AEM-277 */

.rcl_universal_header {
    background: #1C0C45;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.rcl_universal_header .top_nav {
    border: none;
    background: transparent;
    margin: 0 auto;
    max-width: 1440px;
}

.rcl_universal_header .mn_wrapper {
    background: transparent;
    margin: 0 auto;
    max-width: 1440px;
}

.rcl_find_a_cruise {
    margin: 0 auto 20px;
    max-width: 1440px;
}

.rcl_find_a_cruise > ul {
    margin: 0;
}

.rcl_countdown {
    margin: 0 auto;
    max-width: 1440px;
}

.rcl_universal_footer .f_wrapper {
    margin: 0 auto;
    max-width: 1440px;
}

.rcl_universal_footer .subfooter .sf_wrapper {
    margin: 0 auto;
    max-width: 1440px;
}

.page__par {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0;
}

.page__par > .aem-Grid {
    margin: 0 auto;
    max-width: 1440px;
}

/* to support fullwidth items inside the narrower column while keeping them inside the document flow */
.page__par .aem-GridColumn.fullwidth {
    margin: 0 auto;
    max-width: 1920px;
}

/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
    display: block;
    width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
    display: table;
    content: " ";
}
.aem-Grid::after {
    clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
    clear: both;
    margin: 0;
}
/* column of a grid */
.aem-GridColumn {
    box-sizing: border-box;
    clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
    display: block !important;
}
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* example configuration */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
    /* newline behavior */
    clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
    /* hide behavior */
    display: none;
}
/* add gutter in the grid */
.aem-GridColumn {
    /*  padding: 0 5px; */
}
/* smaller screen (phone) breakpoint */
@media (max-width: 750px) {
    .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
        /* newline behavior */
        clear: both !important;
    }
    .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
        /* hide behavior */
        display: none;
    }
}
/* tablet breakpoint */
@media (min-width: 751px) and (max-width: 1024px) {
    .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }
    .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }
    .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }
    .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%;
    }
    .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }
    .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }
    .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%;
    }
    .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
        /* newline behavior */
        clear: both !important;
    }
    .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
        /* hide behavior */
        display: none;
    }
}

.gp {
    display: none;
}

.personaController {
    font-family: sans-serif;
}
.personaController table,
.personaController table td {
    border: 1px solid black;
    padding: 2px;
}
.personaController h2,.personaController h3 {
    color: white;
}
div.personaControllerToggle {
    display: none;
    z-index:10001;
    position: fixed;
    top:100px;
    right:0px;
    width:22;
    height:22;
    border: 5px solid white;
    color: #020533;
    background: #febd11;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
div.personaController {
    z-index;10000;
    position: fixed;
    top:100px;
    right:0px;
    border: 5px solid white;
    display: none;
    width:200;
    padding: 10px;

    background:#020533;
    color: #fff;
    letter-spacing: 2px;
}

/* rcl universal header */

.rcl_universal_header li {
    display: inline-block;
    padding: 0.5rem 0;
}

.rcl_universal_header {
    /*overflow-x: hidden;*/
}

.rcl_universal_header .top_nav .rcl_utilities {
    text-align: right;
}

.rcl_universal_header .top_nav {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    background-color: #1C0C45;
    position: relative;
    height: 40px; /* per AEM-277 */
    z-index: 9999;
}

.rcl_universal_header .top_nav li {
    padding: 0.25rem 0 0.25rem 2rem;
}

/* icons next to country and phone */
.rcl_universal_header .top_nav li img {
    /*display: inline-block;*/
    background: none;
    height: 2rem;
    vertical-align: middle;
}

.rcl_universal_header .top_nav a {
    color: #fff;
    padding: 0;
}

.rcl_universal_header .top_nav .text.parbase {
    color: #fff; /* override global style for these template-supplied labels */
}

.rcl_universal_header .mid_nav {
    background: rgba(0,0,0,0.5);
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
    display: block;
    align-items: center;
    /*min-height: 3.5rem;*/
    height: 105px;
    position: absolute;
    text-align: center;
    z-index: 9999;
    transition: all 500ms ease-out;
    width: 100%;
}

.rcl_universal_header .mid_nav:hover {
    background: rgba(0,0,0,0.66);
}

.rcl_universal_header .mid_nav:hover .rcl_logo img,
.rcl_universal_header .mid_nav.active .rcl_logo img {
    border: 1px solid rgba(255,255,255,0.5);
}

.rcl_universal_header .mid_nav.active {
    background: #1C0C45;
}

.rcl_universal_header .mid_nav > .aem-GridColumn {
    /*	position: relative;
	top: 50%;
	transform: translateY(-50%);
*/}

/* the login icon */
.rcl_universal_header .logged-out > a.with-submenu img {
    max-height: 2.5rem;
    max-width: 2.5rem;
    vertical-align: middle;
}

.rcl_universal_header .mid_nav .logged-in {
    margin: 0.5rem;
}

.rcl_universal_header .mid_nav .page__logo {
    height: 100%;
    text-align: left;
}

.rcl_universal_header .mid_nav .rcl_logo img {
    /*	height: 3rem;
*/
    height: 50px;
    width: 200px;
    margin: 25px 5px;
    max-height: 100%;
    max-width: 100%;
}

.rcl_universal_header .mid_nav .rcl_mainmenu {
}

.rcl_universal_header .mid_nav .mainMenu > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.rcl_universal_header .mid_nav .mainMenu > div > .text.parbase {
    /*display: inherit;*/
    padding: 0 0.75rem;
}

/* where the main links are housed */
.rcl_universal_header .mid_nav > div {
    /*display: inline-block;*/
}

.rcl_universal_header .mid_nav a {
    color: #fff;
    /*text-transform: uppercase;*/
}

.rcl_universal_header .mid_nav a.with-submenu {
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 2px;
    position: relative;
    width: 100%; /* makes the whole region clickable */
    white-space: nowrap;
    height: 105px;
    line-height: 105px;
}

.rcl_universal_header .mid_nav a.with-submenu.logout-link {
    top: 50%;
    transform: translateY(-50%);
    display: inline;
}

.rcl_universal_header .mid_nav a.with-submenu.login-link {
    top: 0;
    transform: none;
    display: inline; /* permits arrow to center around the link itself */
    height: 105px;
}

.rcl_universal_header .submenu {
    background: #fff;
    box-shadow: 0 9px 9px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 9px 9px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 9px 9px 1px rgba(0,0,0,.2);
    display: none;
    height: 210px;
    left: 0;
    margin: 0;
    padding: 2.5rem 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 100%;
}

.rcl_universal_header .submenu.active {
    display: block;
}

/*.rcl_universal_header .login-form,
.rcl_universal_header .logout-form {
	height: 100px;
	background: #fff;
	left: auto;
	padding: 2rem;
	position: absolute;
	right: 0;
	width: auto;
}

.rcl_universal_header .login-form p,
.rcl_universal_header .logout-form p {
	margin: 1rem 0 0;
}

.rcl_universal_header .login-form .button,
.rcl_universal_header .logout-form .button {
	border: 1px solid #ccc;
}

.rcl_universal_header .login-form a,
.rcl_universal_header .logout-form a {
	color: #1C0C45;
	font-size: inherit;
	text-transform: none;
}

.rcl_universal_header .login-form input,
.rcl_universal_header .logout-form input {
	padding: 0.25rem;
	width: 100%;
}

.rcl_universal_header .login-form label {
	display: block;
	padding: 0.25rem 0;
}

.rcl_universal_header .login-form,
.rcl_universal_header .logout-form,
*/
.rcl_universal_header .mid_nav .login_area {
    /*position: relative;*/
}

.rcl_universal_header .logged-out,
.rcl_universal_header .logged-in {
    display: none; /* turn-on after login */
    padding: 0 2rem 0 0;
    text-align: right;
    z-index: 9999;
}

/*.rcl_universal_header .logged-out img.
.rcl_universal_header .logged-in img {
	height: 3rem;
}
*/
.rcl_universal_header .login_area img {
    height: 3rem;
}

.rcl_universal_header .logged-out.active,
.rcl_universal_header .logged-in.active {
    display: block;
}

.rcl_universal_header .logged-in {
    padding: 0;
}

.rcl_universal_header .logged-in.active {
    margin: 0;
    padding: 0 2rem;
}

.rcl_universal_header .logged-in.active a.with-submenu {
    text-transform: uppercase;
}

.rcl_universal_header .logged-in.active a.with-submenu:after {
    background: url(../img/general/caret-right-small.svg) no-repeat;
    content: ' ';
    height: 1rem;
    position: absolute;
    top: 40%;
    transform: rotate(90deg);
    transition: all 500ms ease-in;
    width: 1.5rem;
}

.rcl_universal_header .mid_nav a.login-link,
.rcl_universal_header .mid_nav a.logout-link {
    /*display: block; */
    /*width: auto;  so that the submenu arrow is always centered */
}

.rcl_universal_header .mid_nav .login_area .login {
    /*display: inline-block;*/
}

.rcl_universal_header .mid_nav .login_area {
    /*flex-basis: 125%;*/
}


/* the login submenu */
.rcl_universal_header .submenu.login_menu {
    padding: 0;
    text-align: center; /* overrides text-align: right for the login/logout link itself */
    width: 100%;
    padding: 1rem 0;
}


/*.submenu.login_menu > .aem-Grid {
	display: flex;
	justify-content: center;
}
*/

.rcl_universal_header .submenu.login_menu > .aem-Grid > .aem-GridColumn {
    padding: 1rem;
}

.rcl_universal_header .submenu.login_menu .image {
    text-align: center;
}

.rcl_universal_header .mid_nav .fac_button {
    background: #F9C700;
    height: 105px;
    line-height: 105px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    transform: translate3d(600%,0,0);
    transition: all 500ms ease-out;
    top: 0;
}

.rcl_universal_header .mid_nav .fac_button a {
    color: #666;
    display: inline-block;
    padding: 0 1.75rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



.rcl_universal_header .mid_nav a.arrow:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(128, 128, 128, 0);
    border-bottom-color: #cccccc;
    border-width: 10px;
    margin-left: -10px;
}

/* need this added specificity to override earlier class */
.rcl_universal_header .mid_nav .login_area a.arrow:after {
    bottom: -2.8rem;  /*to account for height of CAS image*/
}

/* what happens when the mid_nav goes sticky */

.rcl_universal_header .mid_nav.sticky {
    background: #1C0C45;
    border-top: 0;
    height: auto;
    line-height: inherit;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    transform: translate3d(0,0,0);
}


.rcl_universal_header .mid_nav.sticky a.with-submenu,
.rcl_universal_header .mid_nav.sticky a.with-submenu.login-link,
.rcl_universal_header .mid_nav.sticky .fac_button {
    height: 80px;
    line-height: 80px;
}

.rcl_universal_header .mid_nav.sticky .fac_button {
    transform: translate3d(0,0,0);
}


.rcl_universal_header .mid_nav.sticky a.with-submenu {
    font-size: 0.8rem;
    letter-spacing: 1.5px;
}

.rcl_universal_header .mid_nav.sticky .logged-in.active {
    padding: 0;
}

.rcl_universal_header .mid_nav.sticky .rcl_logo {
    background: url(../img/general/rcl-shield-reverse.svg) center no-repeat;
    background-size: contain;
    height: 42px;
    margin: 19px 0;
    width: auto;
}

.rcl_universal_header .mid_nav.sticky .rcl_logo img {
    display: none;
}

.rcl_universal_header .mid_nav.sticky .logged-out,
.rcl_universal_header .mid_nav.sticky .logged-in {
    text-align: left;
}

.rcl_universal_header .mid_nav.sticky .submenu * {
    line-height: auto;
}

.rcl_universal_header .submenu img {
    display: inline-block;
    height: 4rem;
    text-align: center;
    width: auto;
}

.rcl_universal_header .mid_nav .submenu .text-small {
    color: #626366;
    display: inline-block;
    font-size: .75rem;
    margin: 0 1rem;
    text-transform: none;
}

.rcl_universal_header .mid_nav .submenu p {
    text-transform: none;
}

.rcl_universal_header .mid_nav .submenu p b,
.rcl_universal_header .mid_nav .submenu div b {
    color: #15264C;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 0.5rem 0;
    /*text-transform: uppercase;*/
    /*margin: 16px;*/
}

.rcl_universal_header .aem-Grid,
.rcl_universal_header .aem-GridColumn {
    padding: 0; /* remove aem default padding so elements can fit flush with each other */
}

/* make subnavs visible to the edit interface */
.aem-AuthorLayer-Edit .navpage .rcl_universal_header .submenu {
    display: block;
    clear: both;
    position: relative;
}

/* * * * * * BEGIN OVERRIDES FOR LEGACY PAGES * * * * * * */

/* opaque, non-overlaid main nav on legacy pages */
.gdp-page .rcl_universal_header .mid_nav,
.legacy-page .rcl_universal_header .mid_nav {
    background: #1C0C45;
    position: relative;
}

.gdp-page .rcl_universal_header .mid_nav:hover,
.legacy-page .rcl_universal_header .mid_nav:hover {
    background: #1C0C45;
}

/* restore sticky nav on gdp pages */
.gdp-page .rcl_universal_header .mid_nav.sticky,
.legacy-page .rcl_universal_header .mid_nav.sticky {
    position: fixed;
}

.rcl_universal_header .top_nav ul,
.hybrid-foundation ul {
    margin-left: 0; /* override a colliding value in search pgs */
}


/* * * * * * END OVERRIDES FOR LEGACY PAGES * * * * * * */



@media only screen and (max-width: 1150px) {

    .rcl_universal_header .mid_nav a.with-submenu {
        letter-spacing: 1px;
    }
    .rcl_universal_header .mid_nav .logged-out,
    .rcl_universal_header .mid_nav .logged-in {
        /*		margin-top: -1.5rem;
		padding: 0.75rem 0.5rem; */
    }
}

@media only screen and (max-width: 1050px) {

    .rcl_universal_header .mid_nav.sticky .logged-out img {
        height: 2.5rem;
        visibility: hidden;
        width: 1rem;
    }
}

@media only screen and (max-width: 1024px) {

    .rcl_universal_header {
        overflow: visible; /* lets login submenu show thru */
    }

    .rcl_universal_header .top_nav {
        display: flex;
        height: 100px;
        padding: 0.5rem 0;
    }

    .rcl_universal_header .top_nav.sticky {
        position: fixed;
    }

    .rcl_universal_header .top_nav li {
        padding: 0;
    }

    .rcl_universal_header .call-us {
        left: -2rem;
        position: relative;
    }

    .rcl_universal_header .call-us-number {
        display: none;
    }

    .rcl_universal_header .top_nav > .aem-GridColumn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* top nav logo should be left-aligned */
    .rcl_universal_header .top_nav > .aem-GridColumn:nth-child(2) {
        justify-content: flex-start;
    }

    .rcl_universal_header .top_nav .top_nav_logo img {
        border: 1px solid rgba(255,255,255,0.5);
        height: 50px;
        width: 200px;
    }

    .rcl_universal_header .top_nav .top_nav_logo {
        left: 0;
        position: relative;
        transition: all 0.3s ease-out;
    }

    .rcl_universal_header .top_nav .top_nav_logo.active {
        left: 60%;
    }

    .rcl_universal_header .top_nav .rcl_utilities {
        /*padding-right: 1rem; */
    }

    /* suppresses text labels while leaving the graphics intact and clickable */
    .rcl_universal_header .top_nav .rcl_utilities a {
        font-size: 0;
    }

    .rcl_universal_header .top_nav .rcl_utilities .show-for-tablet form {
        background: #fff;
        position: absolute;
    }

    .rcl_universal_header .top_nav .rcl_utilities li {
        vertical-align: middle;
        /*padding: 1rem 0 0 0.5rem;*/
    }

    .rcl_universal_header .top_nav .rcl_utilities .login img {
        height: 35px;
    }

    .rcl_universal_header .top_nav .rcl_utilities .call-us img {
        height: 30px;
    }

    .rcl_universal_header .top_nav .login {
        position: relative;
    }

    .rcl_universal_header .logged-out,
    .rcl_universal_header .logged-in {
        padding: 0;
    }

    /* the login submenu */
    .rcl_universal_header .submenu.login_menu {
        left: auto;
        right: -10vw;
        text-align: left;
        top: 68px;
        width: 100vw;
        height: auto;
    }

    .rcl_universal_header .logged-in.active {
        margin-top: 0;
        padding: 0;
    }

    .rcl_universal_header .top_nav .rcl_utilities .logged-in.active a {
        font-size: inherit;
        text-transform: uppercase;
    }

    .rcl_universal_header a.mid_nav_open {
        position: relative;
    }

    /* hamburger icon */
    .rcl_universal_header a.mid_nav_open img {
        /*margin: 0 0 0 1rem;*/
        width: 27px;
    }
    .rcl_universal_header a.mid_nav_close {
        /*text-align: right;*/
        font-size: 3rem;
        font-family: 'ProximaNova-Light';
        padding: 1rem;
    }

    .rcl_universal_header .mid_nav,
    .rcl_universal_header .mid_nav.sticky {
        background: #0072BA;
        display: block;
        height: 100vh;
        line-height: inherit;
        position: fixed;
        text-align: left;
        top: 0;
        overflow: hidden;
        transform: translate3d(-100%,0,0);
        transition: all 0.3s ease-out;
        max-width: 44%; /* force a small width for the menu */
        max-height: none;
    }

    .rcl_universal_header .mid_nav.sticky a.with-submenu,
    .rcl_universal_header .mid_nav.sticky a.with-submenu.login-link,
    .rcl_universal_header .mid_nav.sticky .fac_button {
        height: auto;
        line-height: inherit;
    }

    .rcl_universal_header .mid_nav.sticky .rcl_logo {
        background: none;
        height: inherit;
        margin: 0;
    }

    /* undo desktop overrides for the main nav on legacy pages */
    .gdp-page .rcl_universal_header .mid_nav,
    .legacy-page .rcl_universal_header .mid_nav,
    .gdp-page .rcl_universal_header .mid_nav:hover,
    .legacy-page .rcl_universal_header .mid_nav:hover {
        background: #0072BA;
        position: absolute;
    }

    .rcl_universal_header .mid_nav .mainMenu > div {
        display: block;
    }
    .rcl_universal_header .mid_nav .mainMenu > div > .text.parbase {
        height: auto; /* to correct in sidebar view */
        padding: 0;
    }

    .rcl_universal_header .mid_nav.active {
        background: #0072BA;
        box-shadow: 9px 0 9px 1px rgba(0,0,0,.2);
        -moz-box-shadow: 9px 0 9px 1px rgba(0,0,0,.2);
        -webkit-box-shadow: 9px 0 9px 1px rgba(0,0,0,.2);
        transform: translate3d(0,0,0);
        transition: all 0.2s ease-in;
    }

    .rcl_universal_header .mid_nav > div {
        display: block;
    }

    .rcl_universal_header .mid_nav .rcl_logo img {
        height: auto;
        width: 100%;
    }

    .rcl_universal_header .mid_nav a.with-submenu {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-top: 1px solid rgba(255,255,255,0.1);
        letter-spacing: 2px;
        padding: 1rem 2rem;
        top: 0;
        transform: none;
        display: block;
        height: auto;
        line-height: 1.15;
        margin: 0;
    }

    .rcl_universal_header .mid_nav a.with-submenu::after {
        background: url(../img/general/caret-right-small.svg) no-repeat;
        bottom: auto;
        content: ' ';
        display: block;
        height: 1.5rem !important;
        left: auto;
        position: absolute;
        right: 2rem;
        top: 1rem;
        transform: rotate(90deg);
        transition: all 500ms ease-in;
        width: 1.5rem;
    }

    /* don't display the arrow on tablet/mobile subnavs */
    .rcl_universal_header .mid_nav a.with-submenu.arrow::after {
        border: none;
        margin: 0;
        transform: rotate(-90deg);
    }

    .rcl_universal_header .mid_nav .submenus {
        height: 0;
        overflow: hidden;
    }

    .rcl_universal_header .mid_nav .submenu {
        box-shadow: none;
        display: block !important;
        height: auto;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        transition: all 0.25s ease-out;
        top: 0;
    }

    .rcl_universal_header .mid_nav .submenu.active {
        max-height: 1500px;
        /*padding: 0.5rem 0 0 0;*/
        transition: all 0.25s ease-in;
    }

    .rcl_universal_header .mid_nav .submenu a {
        padding: 0.5rem 2rem;
    }

    .rcl_universal_header .submenu div {
        text-align: left;
    }

    .rcl_universal_header .submenu p,
    .rcl_universal_header .submenu.active p {
        font-size: 0; /* hide the explanatory text via font-size so the titles can still be visible */
        margin: 0;
    }

    .rcl_universal_header .mid_nav .submenu .text-small {
        display: none;
    }

    .rcl_universal_header .submenu div b {
        color: #15264C;
        font-size: 1rem;
        letter-spacing: 1px;
        /*text-transform: uppercase;*/
    }

    .rcl_universal_header .submenu img {
        height: 2rem;
        width: auto;
    }

    .rcl_universal_header .mid_nav .fac_button {
        display: none;
    }

    .rcl_universal_header .countrySelector {
        background: #0067A9;
        bottom: 0; /* to clear Safari bottom nav */
        display: block;
        left: 0;
        padding: 1rem 2rem 4rem;
        position: fixed;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .rcl_universal_header .countrySelector .text.parbase {
        color: #fff;
        letter-spacing: 1px;
        text-transform: none;
    }

    .rcl_universal_header .countrySelector img {
        position: absolute;
        right: 0.25rem;
        top: 0.25rem;
        width: 2rem;
    }

}

@media only screen and (max-width: 750px) {

    .rcl_universal_header .top_nav {
        height: 60px;
    }

    /* top nav logo should be left-aligned */
    .rcl_universal_header .top_nav > .aem-GridColumn:nth-child(2) {
        justify-content: center;
    }

    /* override global value for mobile icons 	*/
    .rcl_component .rcl_icon img, .rcl_component img.rcl_icon {
        max-height: none;
    }

    /* this so the logo centers */
    .rcl_universal_header .top_nav .top_nav_logo.show-for-phone {
        display: block;
    }

    .rcl_universal_header .top_nav .top_nav_logo.active {
        left: 0;
    }
    .rcl_universal_header .top_nav .top_nav_logo img {
        border: none;
        padding: 0;
        width: auto;
    }

    .rcl_universal_header .mid_nav.active {
        max-width: 90%;
    }

    .rcl_universal_header .mid_nav .submenu a {
        padding: 0.5rem 2rem;
    }

    .rcl_universal_header .mid_nav .submenu p {
        letter-spacing: 2px;
        line-height: 1;
        margin: 0 0 0 ;
    }

    .rcl_universal_header .top_nav .aem-GridColumn {
        justify-content: center;
    }

    .rcl_universal_header .top_nav .rcl_utilities li {
        /*padding-top: 0.5rem;*/
    }

    .rcl_universal_header a.mid_nav_open,
    .rcl_universal_header a.mid_nav_close {
        /*padding: 0.5rem 1.85rem 0.5rem 0;*/
    }

    .rcl_universal_header .mid_nav a.with-submenu {
        font-size: 0.85rem;
    }

    .rcl_universal_header .mid_nav a.with-submenu.login-link,
    .rcl_universal_header .mid_nav a.with-submenu.logout-link {
        display: block;
    }

    .rcl_universal_header .mid_nav .login_area {
        padding-right: 1rem;
    }
    .rcl_universal_header .logged-out,
    .rcl_universal_header .logged-in {
        margin: 0;
        padding: 0;
        text-align: left; /* overrides text-align: right for the login/logout link itself */
    }

    .rcl_universal_header .logged-in.active {
        margin: 0;
        padding: 0;
    }

    .rcl_universal_header .logged-out.active {
        font-size: 1rem;
        letter-spacing: 2px;
        padding: 0;
    }

    .rcl_universal_header .mid_nav.sticky .logged-out img {
        visibility: visible;
        width: inherit; /* 2.5rem */
    }

    .rcl_universal_header .logged-in.active a.with-submenu > img {
        position: relative;
        top: 0;
        left: 0;
    }

    .rcl_universal_header .mid_nav .login_area {
        padding-right: 0;
    }

    .rcl_universal_header .mid_nav .login_area .submenu a .image {
        text-align: center;
    }

    .rcl_universal_header .mid_nav .login_area a.with-submenu {
        height: auto;
        padding: 1rem 2rem;
        width: 100%;
    }

    .rcl_universal_header .submenu.login_menu > .aem-Grid > .aem-GridColumn {
        padding: 0;
    }

    .rcl_universal_header .mid_nav a.with-submenu.logout-link {
        top: 0;
        transform: none;
        display: block;
    }

    .rcl_universal_header .submenu.login_menu {
        left: 0;
        width: 100%;
    }

}

/* improve the preview for dev */
/*.rcl_component .cq-placeholder,
.rcl_universal_header .mid_nav .new.section,
.rcl_universal_header .submenu .colctrl {
	display: none;
}
*/
/* footer */

.rcl_universal_footer {
    background-color: #203559;
    color: #fff;
    padding: 2rem 0 0;
}


/* flex rules so footer sections can rearrange responsively */
.rcl_universal_footer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.rcl_universal_footer .announcements {
    order: 1;
}

.rcl_universal_footer .links-handle {
    border-bottom: 1px solid #BFD2FF;
    height: 1px;
    order: 2;
    margin: 2rem 1rem;
}

.rcl_universal_footer .links {
    order: 3;
}

.rcl_universal_footer .social {
    order: 4;
    text-align: center;
}

.rcl_universal_footer .social .menu {
    /*    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
*/
    display: inline-block;
}

.rcl_universal_footer .subfooter {
    order: 5;
}

.rcl_universal_footer .aem-GridColumn {
    padding: 0 2%;
}

.rcl_universal_footer .text.parbase h3,
.rcl_universal_footer .text.parbase h4,
.rcl_universal_footer .text.parbase a {
    color: #BFD2FF;
    font-family: 'ProximaNova-Light';
    font-weight: normal;
    letter-spacing: 1px;
}

.rcl_universal_footer .text.parbase h3 {
    font-size: 125%;
}

.rcl_universal_footer .text.parbase h4 {
    letter-spacing: 2px;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.rcl_universal_footer ul,
.rcl_universal_footer li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.rcl_universal_footer p {
    color: #fff;
}

.rcl_universal_footer .links li {
    padding-bottom: 0.5rem;
}

.rcl_universal_footer .subfooter .menu {
    /*margin: 1rem 0;*/
    text-align: right;
}

.rcl_universal_footer .subfooter .menu li {
    border-left: 1px solid #BFD2FF;
    display: inline-block;
}

.rcl_universal_footer .subfooter .menu li:first-child {
    border-left: none;
}

.rcl_universal_footer .links .menu li a,
.rcl_universal_footer .subfooter .menu li a {
    color: #fff;
    font-size: 85%;
}

.rcl_universal_footer .subfooter .menu li a {
    padding: 1rem 0.5rem;
}

.rcl_universal_footer hr {
    border: none;
    background-color: #BFD2FF;
    height: 1px;
    margin: 2rem 3rem;
}

.rcl_universal_footer .social {
    margin: 0;
}

.rcl_universal_footer .social li {
    display: inline-block;
    margin: 1rem 0.25rem;
    vertical-align: middle;
    width: 3rem;
}

.rcl_universal_footer .social img {
    height: 3rem;
    max-height: 3rem;
}

.rcl_universal_footer .subfooter {
    border-top: 1px solid #335;
    box-shadow: 0 -12px 52px 0px rgba(0, 0, 0, 0.5);
    height: 60px;
    margin: 0;
}

.rcl_universal_footer .subfooter img {
    display: inline-block;
    height: 1.5rem;
    vertical-align: middle;
}

.rcl_universal_footer .subfooter .sf_wrapper {
    display: flex;
    align-items: center;
}

.rcl_universal_footer .subfooter .sf_wrapper > .aem-Grid {
    display: flex;
    align-items: center;
}


/* media queries */

@media only screen and (max-width: 1024px) {

    .rcl_universal_footer .links-handle {
        margin: 2rem 0;
    }

}
/* iPhone6 Portrait and Landscape */

@media only screen and (max-width: 750px) {

    .rcl_universal_footer {
        text-align: center;
    }

    .rcl_universal_footer .aem-GridColumn {
        padding: 0.5rem 0;
    }

    .rcl_universal_footer .subfooter .page__copyright,
    .rcl_universal_footer .subfooter .menu {
        text-align: center;
    }

    .rcl_universal_footer .subfooter .menu {
        margin-bottom: 1rem;
    }

    .rcl_universal_footer .social .menu {
        width: 100%; /* causes icons to break into rows of 5 and 4 */
    }

    .rcl_universal_footer .social .menu li {
        margin: 0.5rem 0;
        width: 3.5rem;
    }

    .rcl_universal_footer .links {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: max-height 1s ease-out;
    }

    .rcl_universal_footer .links.active {
        max-height: 1200px;
        transition: max-height 0.5s ease-in;
    }

    .rcl_universal_footer .links .aem-GridColumn {
        padding: 0;
    }

    .rcl_universal_footer .links .text h4 {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        cursor: pointer;
        margin: 0;
        padding: 1rem 0;
    }

    .rcl_universal_footer .links .text .menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
    }

    .rcl_universal_footer .links .text .menu.active {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 1rem 0;
        max-height: 1200px;
        transition: max-height 0.5s ease-in;
    }

    .rcl_universal_footer .links-handle {
        border: none;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
        height: auto;
    }

    .rcl_universal_footer .links-handle:before {
        background: rgba(255,255,255,0.1);
        color: #BFD2FF;
        content: '';
        cursor: pointer;
        display: block;
        padding: 1.5rem 0;
        text-align: center;
    }

    .rcl_universal_footer .links-handle img {
        cursor: pointer;
        height: 3rem;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 500ms ease-in;
        transform: rotate(-90deg);
        width: 100%;
    }

    .rcl_universal_footer .links-handle.active img {
        transform: rotate(90deg);
    }

    /* rotate the caret so it points down during open */
    .rcl_universal_footer .links-handle.active:before {
    }

    .rcl_universal_footer .announcements {
        box-sizing: border-box;
        order: 1;
        padding: 0 2rem;
    }

    .rcl_universal_footer .announcements .text.parbase {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 1rem 0;
    }

    .rcl_universal_footer .links-handle {
        order: 3;
    }

    .rcl_universal_footer .links {
        order: 4;
    }

    .rcl_universal_footer .social {
        order: 2;
    }

    .rcl_universal_footer .subfooter {
        order: 5;
    }

    .rcl_universal_footer .subfooter .menu,
    .rcl_universal_footer .subfooter .text.parbase p {
        margin: 0;
    }

    .rcl_universal_footer .subfooter > .aem-Grid {
        display: flex;
        flex-wrap: wrap;
    }

    .rcl_universal_footer .subfooter > .aem-Grid .aem-GridColumn:first-child {
        order: 2;
    }

    .rcl_universal_footer .subfooter > .aem-Grid .aem-GridColumn:last-child {
        order: 1;
    }

}


/* tiles CSS */

/*.rcl_tiles_region {
	display: flex;
	z-index: 0;
}

.rcl_tiles_region .tile {
	padding: 1rem;
	position: relative;
}

.rcl_tiles_region .tile a {
	display: inline-block;
}
.rcl_tiles_region .tile img {
	height: auto;
	width: 100%;
}


/ * tiles sizes * /

.rcl_tiles_region .tile.two-up {
	width: 50%;
}
.rcl_tiles_region .tile.three-up {
	width: 33.3%;
}
.rcl_tiles_region .tile.four-up {
	width: 25%;
}


/ * formatting the text inside the tile * /

.rcl_tiles_region .tile .text_label {
	color: #fff;
	font-family: 'Kapra';
	font-size: 100%;
	line-height: 1.2;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-transform: uppercase;
	position: absolute;
	word-spacing: 4px;
	width: 100%;
	z-index: 1;
}

/ * semi-transparent dark unless otherwise redefined * /
.rcl_tiles_region .tile .text_label .button {
	background: rgba(0,0,0,0.5);
	color: #fff;
	display: inline-block;
	padding: 1rem;
}

.rcl_tiles_region .tile .text_label .cta {
	font-family: 'ProximaNova-Regular';
	letter-spacing: 4px;
	margin: 0;
	text-transform: uppercase;
}

/ * special treatment for the four-up tile label and button * /

.rcl_tiles_region .tile.four-up .text_label {
	color: #999;
	margin-top: 1rem;
	position: relative;
	text-shadow: none;
}

.rcl_tiles_region .tile.four-up .text_label .line {
	padding-left: 1rem;
}

.rcl_tiles_region .tile.four-up .line.cta {
	margin: 1rem 1rem 0;
	padding: 0;
	text-align: center;
}

.rcl_tiles_region .tile.four-up .cta .button {
	background: #9cf;
	color: #333;
	text-align: center;
	width: 100%;
}

.rcl_tiles_region .tile .text_label em {
	color: #0073bb;
	font-style: normal;
}


/ * Text label sizes * /

.rcl_tiles_region .tile .text_label .tiny {
	font-family: 'ProximaNova-Light';
	font-size: 80%;
	letter-spacing: 1px;
	margin: 0.5rem 0 0 0;
	text-transform: none;
}

.rcl_tiles_region .tile .text_label .small {
	font-size: 100%;
	letter-spacing: 2px;
}

.rcl_tiles_region .tile .text_label .medium {
	font-size: 145%;
}

.rcl_tiles_region .tile .text_label .medium sup {
	font-size: 50%;
	position: relative;
	top: -0.1rem;
	left: 0.3rem;
}

.rcl_tiles_region .tile .text_label .large {
	font-size: 350%;
}

.rcl_tiles_region .tile .text_label .large sup {
	font-size: 50%;
	position: relative;
	top: -0.3rem;
}

.rcl_tiles_region .tile .text_label .line {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

/ * text label alignment within the tile space * /
.rcl_tiles_region .tile .text_label.topleft {
	top: 2rem;
	left: 2rem;
}

.rcl_tiles_region .tile .text_label.topleft .line {
	text-align: left;
}

.rcl_tiles_region .tile .text_label.topcenter {
	top: 2rem;
	left: 0;
}

.rcl_tiles_region .tile .text_label.topcenter .line {
	justify-content: center;
	text-align: center;
}

.rcl_tiles_region .tile .text_label.topright {
	top: 2rem;
	right: 2rem;
}

.rcl_tiles_region .tile .text_label.topright .line {
	justify-content: flex-end;
	text-align: right;
}

.rcl_tiles_region .tile .text_label.centerleft {
	text-align: left;
	left: 2rem;
	top: 50%;
	transform: translateY(-50%);
}

.rcl_tiles_region .tile .text_label.centercenter {
	text-align: center;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.rcl_tiles_region .tile .text_label.centercenter .line {
	justify-content: center;
}

.rcl_tiles_region .tile .text_label.centerright {
	text-align: right;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
}

.rcl_tiles_region .tile .text_label.centerright .line {
	justify-content: flex-end;
}

.rcl_tiles_region .tile .text_label.bottomleft {
	bottom: 2rem;
	left: 2rem;
	text-align: left;
}

.rcl_tiles_region .tile .text_label.bottomcenter {
	bottom: 2rem;
	left: 0;
	text-align: center;
}

.rcl_tiles_region .tile .text_label.bottomcenter .line {
	justify-content: center;
}

.rcl_tiles_region .tile .text_label.bottomright {
	bottom: 2rem;
	right: 2rem;
	text-align: right;
}

.rcl_tiles_region .tile .text_label.bottomright .line {
	justify-content: flex-end;
}


/ * at mobile breakpoint make all tiles fullwidth * /
@media only screen and (max-width: 750px) {
	.rcl_tiles_region {
		flex-wrap: wrap;
	}

	.rcl_tiles_region .tile {
		font-size: 80%;
		padding: 0.25rem 0.5rem;
	}

	.rcl_tiles_region.two-up .tile,
	.rcl_tiles_region.three-up .tile,
	.rcl_tiles_region .tile.four-up {
		width: 100%;
	}

	.rcl_tiles_region .tile.four-up {
		display: flex;
	}

	.rcl_tiles_region .tile.four-up > a,
	.rcl_tiles_region .tile.four-up .text_label {
		width: 50%;
	}
}

@media only screen and (max-width: 1024px) {
	.rcl_tiles_region .tile {
		font-size: 66%;
		padding: 0.25rem;
	}

	.rcl_tiles_region .tile .text_label.topleft {
		top: 1rem;
		left: 1rem;
	}

	.rcl_tiles_region .tile .text_label.topcenter {
		top: 1rem;
	}

	.rcl_tiles_region .tile .text_label.topright {
		top: 1rem;
		right: 1rem;
	}

	.rcl_tiles_region .tile .text_label.centerleft {
		left: 1rem;
	}

	.rcl_tiles_region .tile .text_label.centerright {
		right: 1rem;
	}

	.rcl_tiles_region .tile .text_label.bottomleft {
		bottom: 1rem;
		left: 1rem;
	}

	.rcl_tiles_region .tile .text_label.bottomcenter {
		bottom: 1rem;
	}

	.rcl_tiles_region .tile .text_label.bottomright {
		bottom: 1rem;
		right: 1rem;
	}
}

@media only screen and (max-width: 1440px) {
	.rcl_tiles_region .tile {
		font-size: 85%;
	}
}

*/
/* -- END OLD TILES CSS -- */


/* -- REVISED TILES CSS -- */


/* tiles css */

/* this is dependent on being placed inside a responsive grid.
 * Each tile will take the size of its container.
 * Image is fullwidth and linked by default, ie, the whole thing is clickable.
 * Remove the <a href> around the image if only the cta button is meant to be clickable.
 * the text_label requires a positioning class to indicate where it should be located.
 */

.rcl_tile  {
    margin: 10px;
    position: relative;
}

.rcl_tile  a {
    display: inline-block;
    width: 100%;
}

.rcl_tile  img {
    height: auto;
    width: 100%;
}

/* the three-up promos with fares */
.rcl_tile .line1, .fare .rcl_tile .line1 { font-size: 2rem; }
.rcl_tile .line2, .fare .rcl_tile .line2 { font-size: 2rem; }
.rcl_tile .line3, .fare .rcl_tile .line3 { font-size: 1rem; font-family: 'ProximaNova-Regular'; }
.rcl_tile .line4, .fare .rcl_tile .line4 { font-size: 3rem; }

/* the two-up fancy promos */
.second-promo .rcl_tile .line1 { font-size: 2rem; } /* medium */
.second-promo .rcl_tile .line2 { font-size: 2rem; } /* medium */
.second-promo .rcl_tile .line3 { font-size: 1rem; font-family: 'ProximaNova-Regular'; }   /* small */
.second-promo .rcl_tile .line4 { font-size: 3rem; } /* large */

/* the tiles appearing in mosaic */
.mosaic .rcl_tile .line1 { font-size: 1rem; letter-spacing: 2px; }
.mosaic .rcl_tile .line2 { font-size: 2rem; }
.mosaic .rcl_tile .line3 { font-size: 1rem; font-family: 'ProximaNova-Regular'; }
.mosaic .rcl_tile .line4 { font-size: 3rem; }


/* formatting the text inside the tile */

.rcl_tile .text_label {
    color: #fff;
    /*	display: flex;
	flex-direction: column;
*/	font-family: 'Kapra';
    font-size: 100%;
    letter-spacing: 1px;
    line-height: 1.2;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: absolute;
    z-index: 1;
}

/* so the labels don't look terrible if they're too long and so they don't overflow the tile */
.rcl_tile .text_label .line {
    max-width: 66%;
}

.rcl_tile .text_label .button {
    display: inline-block;
    text-shadow: none;
    width: auto;
}

.rcl_tile .text_label .cta {
    font-family: 'ProximaNova-Regular';
    letter-spacing: 4px;
    margin: 0 0 0 0;
}

.rcl_tile .text_label .cta .button {
    padding: 0.5rem;
}

.rcl_tile .text_label .text-small {
    font-family: 'ProximaNova-Regular';
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
}

.rcl_tile .text_label .text-medium { font-size: 2.5rem; }
.rcl_tile .text_label .text-large { font-size: 3.5rem; }


/* special treatment for the four-up tile label and button */

.rcl_tile.four-up .text_label {
    color: #999;
    margin-top: 20px;
    position: relative;
    text-shadow: none;
    transform-origin: center;
}

.rcl_tile.four-up .text_label .line {
    padding-left: 20px;
}

.rcl_tile.four-up .line.cta {
    margin: 20px 20px 0;
    padding: 0;
    text-align: center;
}

.rcl_tile.four-up .cta .button {
    background: #9cf;
    color: #333;
    text-align: center;
    width: 100%;
}

.rcl_tile .text_label em {
    color: #0073bb;
    font-style: normal;
}


/* Text label sizes */

/*.rcl_tile .text_label .tiny {
	font-family: 'ProximaNova-Light';
	font-size: 80%;
	letter-spacing: 1px;
	margin: 0.5rem 0 0 0;
	text-transform: none;
}

.rcl_tile .text_label .small {
	font-size: 100%;
	letter-spacing: 2px;
}

.rcl_tile .text_label .medium {
	font-size: 145%;
}

.rcl_tile .text_label .medium sup {
	font-size: 50%;
	position: relative;
	top: -0.1rem;
	left: 0.3rem;
}

.rcl_tile .text_label .large {
	font-size: 350%;
}

.rcl_tile .text_label .large sup {
	font-size: 50%;
	position: relative;
	top: -0.3rem;
}
*/

/* line3 tends to be wordy, make line3 shorter so it doesn't overflow the tile */

/* text label alignment within the tile space */
.rcl_tile .text_label.topleft {
    top: 20px;
    left: 20px;
}

.rcl_tile .text_label.topleft .line {
    text-align: left;
}

.rcl_tile .text_label.topcenter {
    top: 20px;
    left: 0;
}

.rcl_tile .text_label.topcenter .line {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.rcl_tile .text_label.topright {
    top: 20px;
    right: 20px;
}

.rcl_tile .text_label.topright .line {
    justify-content: flex-end;
    text-align: right;
    margin-left: auto;
}

.rcl_tile .text_label.centerleft {
    text-align: left;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.rcl_tile .text_label.centercenter {
    text-align: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rcl_tile .text_label.centercenter .line {
    justify-content: center;
    margin: 0 auto;
}

.rcl_tile .text_label.centerright {
    text-align: right;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.rcl_tile .text_label.centerright .line {
    justify-content: flex-end;
    margin-left: auto;
}

.rcl_tile .text_label.bottomleft {
    bottom: 20px;
    left: 20px;
    text-align: left;
}

.rcl_tile .text_label.bottomcenter {
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 100%;
}

.rcl_tile .text_label.bottomcenter .line {
    justify-content: center;
    margin: 0 auto;
}

.rcl_tile .text_label.bottomright {
    bottom: 20px;
    right: 20px;
    text-align: right;
}

.rcl_tile .text_label.bottomright .line {
    justify-content: flex-end;
    margin-left: auto;
}

/* this governs the placement of a row of touts inside the 'hero' component.
 * The 'hero' component is a special case of the 'tile' component: it's basically
 * a one-up tile with or without touts inside.
 */

/* apply the .touts class to the .aem-Grid row inside the 'hero' component. */
.rcl_universal_hero .touts {
    bottom: 20px;
    position: absolute;
    width: 100%;
}

/* each .tout lives inside an individual .aem-GridColumn */
.rcl_universal_hero .touts .tout {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .rcl_tile {
        padding: 5px;
    }

    .rcl_tile .text_label.topleft {
        top: 20px;
        left: 20px;
    }

    .rcl_tile .text_label.topcenter {
        top: 20px;
    }

    .rcl_tile .text_label.topright {
        top: 20px;
        right: 20px;
    }

    .rcl_tile .text_label.centerleft {
        left: 20px;
    }

    .rcl_tile .text_label.centerright {
        right: 20px;
    }

    .rcl_tile .text_label.bottomleft {
        bottom: 20px;
        left: 20px;
    }

    .rcl_tile .text_label.bottomcenter {
        bottom: 20px;
    }

    .rcl_tile .text_label.bottomright {
        bottom: 20px;
        right: 20px;
    }

    .rcl_tile .text_label {
        width: 80%;
    }

    .rcl_tile .line1,
    .mosaic .rcl_tile .line1,
    .fare .rcl_tile .line1,
    .second-promo .rcl_tile .line1 { font-size: 1.5rem; } /* medium */
    .rcl_tile .line2,
    .mosaic .rcl_tile .line2,
    .fare .rcl_tile .line2,
    .second-promo .rcl_tile .line2 { font-size: 1.5rem; } /* medium */
    .rcl_tile .line3,
    .mosaic .rcl_tile .line3,
    .fare .rcl_tile .line3,
    .second-promo .rcl_tile .line3 { font-size: .8rem; font-family: 'ProximaNova-Regular'; }   /* small */
    .rcl_tile .line4,
    .mosaic .rcl_tile .line4,
    .fare .rcl_tile .line4,
    .second-promo .rcl_tile .line4 { font-size: 2rem; } /* large */

    .rcl_tile .text_label .cta {
        font-size: .9rem;
        margin: 0;
    }

}

/* at mobile breakpoint make all tiles fullwidth */
@media only screen and (max-width: 750px) {

    .rcl_tile {
        margin: 0;
        width: 100%;
    }

    .rcl_tile.four-up > a,
    .rcl_tile.four-up .text_label {
        display: inline-block;
        vertical-align: middle;
        width: 49%;
    }

    .rcl_tile .text_label {
        width: 90%;
    }

    .rcl_tile .line1,
    .mosaic .rcl_tile .line1,
    .fare .rcl_tile .line1,
    .second-promo .rcl_tile .line1 { font-size: 1rem; } /* medium */
    .rcl_tile .line2,
    .mosaic .rcl_tile .line2,
    .fare .rcl_tile .line2,
    .second-promo .rcl_tile .line2 { font-size: 1rem; } /* medium */
    .rcl_tile .line3,
    .mosaic .rcl_tile .line3,
    .fare .rcl_tile .line3,
    .second-promo .rcl_tile .line3 { font-size: .7rem; font-family: 'ProximaNova-Regular'; }   /* small */
    .rcl_tile .line4,
    .mosaic .rcl_tile .line4,
    .fare .rcl_tile .line4,
    .second-promo .rcl_tile .line4 { font-size: 1.5rem; } /* large */

    .rcl_tile .text_label .cta {
        font-size: .5rem;
    }

    .rcl_tile .text_label .cta .button {
        padding: 0.25rem;
    }

}

/* at mobile breakpoint make all tiles fullwidth */
@media only screen and (max-width: 450px) {

    .rcl_tile .text_label {
        bottom: 10px !important;
        line-height: 1;
    }

}

/* find a cruise */
.cruisesearch {
    /*margin-top: -50px;	*/
}

.rcl_find_a_cruise {
    position: relative;
    margin-bottom: 20px;
}

.rcl_find_a_cruise.sticky {
    bottom: 0;
    margin-bottom: 0;
    max-width: 1920px;
    position: fixed;
    width: 100%;
    z-index: 999;
}


/* the first level links */
.rcl_find_a_cruise > ul {
    background: #fff;
    border: 1px solid rgba(128,128,128,0.1);
    box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    margin: 0;
    display: flex;
}

.rcl_find_a_cruise.sticky > ul {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
}

.rcl_find_a_cruise > ul li {
    display: inline-block;
    padding: 0.5rem;
    position: relative;
    width: 100%;
}

.rcl_find_a_cruise > ul label {
    color: #0073bb;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.rcl_find_a_cruise > ul a {
    border-left: 1px solid #ccc;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 1.6;
    padding-left: 1rem;
    position: relative;
    text-transform: uppercase;
    top: 15%;
    /*transform: translateY(-50%);*/

    vertical-align: middle;
    /*height: 100%;*/
    width: 100%;
    box-sizing: border-box;
}

.rcl_find_a_cruise > ul li:first-child a {
    border-left: none;
}

.rcl_find_a_cruise > ul a.arrow:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 114, 186, 0);
    border-bottom-color: #0072BA;
    border-width: 10px;
    margin-left: -10px;
}

.rcl_find_a_cruise > ul img {
    height: 1rem;
    width: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
}

.rcl_find_a_cruise > ul small {
    color: #888;
    display: block;
    font-size: 0.75rem;
    letter-spacing: 1px;
}

.rcl_find_a_cruise > ul .insert {
    color: #0072BA;
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.1;
    width: 95%;
}
.rcl_find_a_cruise > ul .insert:hover {
    color: #15264C;
}

/* the submit button, maybe needs a better ID name */
.rcl_find_a_cruise #find-a-cruise {
    background: #F9C700;
    box-sizing: border-box;
    color: #666;
    padding: 1rem;
    text-align: center;
    top: 0;
}

.rcl_find_a_cruise .submenu {
    background: #0072BA;
    box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
    color: #fff;
    display: none;
    letter-spacing: 2px;
    min-height: 5rem;
    padding: 1rem;
    position: relative;
}

.rcl_find_a_cruise.flip .submenu {
    bottom: 74px;
    box-shadow: none;
    max-width: 1440px;
    position: absolute;
    width: 100%;
}

.rcl_find_a_cruise.sticky.flip .submenu {
    max-width: 1920px;
}

.rcl_find_a_cruise .submenu.active {
    display: block;
    z-index: 1; /* to clear the countdown, if present and the submenu has to go above */
}

.rcl_find_a_cruise .submenu .text-right {
    position: relative;
}

.rcl_find_a_cruise .submenu section > div {
    margin-right: 1rem;
    position: relative;
    padding: 0.5rem;
}

.rcl_find_a_cruise .submenu label,
.rcl_find_a_cruise .submenu section label  {
    cursor: pointer;
    font-size: 0.9rem;
    letter-spacing: 1px;
    /*text-transform: uppercase; */
}
/*.rcl_find_a_cruise .submenu > div input {
	position: absolute;
	left: -1rem;
}
*/

.rcl_find_a_cruise .submenu input[type="checkbox"] {
    position: absolute;
    z-index: -1; /* hide the input control so we can replace it with custom-style */
    visibility: hidden;
}

.rcl_find_a_cruise .submenu input[type="checkbox"]:disabled + label {
    color: rgba(255,255,255,0.5);
    cursor: not-allowed;
}


.rcl_find_a_cruise .submenu input[type="checkbox"]:checked + label:before {
    background: url(../img/general/check.svg) left center no-repeat;
    background-size: 1.2rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    content: '';
    position: absolute;
    left: -1rem;
}

.rcl_find_a_cruise .destinations-bug {
    background: #fff;
    border: 1px solid #15264c;
    border-radius: 50%;
    bottom: 2px;
    color: #15264c;
    font-size: .8rem;
    height: 1.75rem;
    line-height: 2;
    position: absolute;
    right: -5px;
    text-align: center;
    width: 1.75rem;
}

.rcl_find_a_cruise .selected .destinations-bug {
    background: #15264c;
    color: #fff;
}

.rcl_find_a_cruise .destinations-bug:before {
    content: '+';
}

.rcl_find_a_cruise .region {
    display: flex;
    justify-content: space-around;
}

.rcl_find_a_cruise .region li {
    padding: 0.5rem 1rem;
    text-align: center;
}

.rcl_find_a_cruise .region li.active {
    border-bottom: 3px solid #fff;
}

.rcl_find_a_cruise .region a {
    color: #fff;
    font-size: 0.8rem;
    letter-spacing: 0;
    padding: 0 0 1rem;
}

.rcl_find_a_cruise .submenu .close-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.rcl_find_a_cruise .submenu section {
    align-content: flex-start;
    border: none;
    display: none;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem;
    min-height: 11rem;
    height: 13rem;
    max-height: 14rem;
}

.rcl_find_a_cruise .submenu section.active {
    display: flex;
}

.rcl_find_a_cruise .submenu #cruisingFrom section,
.rcl_find_a_cruise .submenu #cruisingTo section {
    /*	min-height: 10rem;
	max-height: 10rem;
*/}

a.close {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}

a.closeUp {
    color: #0072BA;
}

.rcl_find_a_cruise .submenu#calendar.active {
    display: flex;
    /*margin: 0 3rem;*/
    padding: 1rem;
}

.rcl_find_a_cruise #calendar .info-panel {
    flex-basis: 33%;
    order: 2; /* put dates to the right of the calendars per AEM-132 */
    padding: 0.5rem 1rem;
}

.rcl_find_a_cruise #calendar .info-panel div {
    padding: 0 0 1rem;
    text-transform: uppercase;
}

.rcl_find_a_cruise #calendar .info-panel .small {
    border-bottom: 1px solid #fff;
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
}
.rcl_find_a_cruise #calendar .info-panel .active .small {
    border-width: 2px;
    font-weight: bold;
}

.rcl_find_a_cruise #calendar .info-panel .date {
    font-size: 2rem;
}

.rcl_find_a_cruise #calendar .datepicker {
    /*	border-left: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
*/	display: block;
    height: 12rem;
    overflow: hidden;
    margin: 1rem 2rem;
    padding: 0 2rem;
    width: 100%;
}
.rcl_find_a_cruise #calendar .datepicker .slick-prev {
    left: 0;
}
.rcl_find_a_cruise #calendar .datepicker .slick-next {
    right: 0;
}

.rcl_find_a_cruise #calendar .datepicker .slide {
    outline: none;
    padding: 0 1rem;
}

.rcl_find_a_cruise #calendar .year {
    font-size: 2rem;
    text-align: center;
}

.rcl_find_a_cruise #calendar .table,
.rcl_find_a_cruise #calendar .tr,
.rcl_find_a_cruise #calendar .td {
    border: none;
    margin: 0;
    padding: 0;
}

.rcl_find_a_cruise #calendar .table {
    height: 10rem;
}

.rcl_find_a_cruise #calendar .tr {
    display: flex;
    width: 100%;
}

.rcl_find_a_cruise #calendar .td {
    background: transparent;
    border: 0.25rem solid #0072BA;
    color: #fff;
    cursor: pointer;
    flex-basis: 100%;
    flex-grow: 1;
    padding: 0.5rem 0.25rem;
    text-align: center;
}

.rcl_find_a_cruise #calendar .td:hover,
.rcl_find_a_cruise #calendar .td.hover {
    background: rgba(0,0,0,0.1);
    color: #fff;
}

.rcl_find_a_cruise #calendar .td.disabled,
.rcl_find_a_cruise #calendar .td.disabled:hover {
    background: transparent;
    color: rgba(255,255,255,0.2);
    cursor: not-allowed;
}

.rcl_find_a_cruise #calendar .td.selected {
    background: #fff;
    color: #000;
}

.rcl_find_a_cruise #calendar .update-button .close {
    letter-spacing: 2px;
    text-transform: capitalize;
}

.rcl_find_a_cruise #calendar .update-button .close:after {
    background: url("../img/general/caret-right-small.svg") center no-repeat;
    background-size: contain;
    content: '';
    height: 1rem;
    width: 1rem;
    padding-left: 1.5rem;
}

.rcl_find_a_cruise .dt_from,
.rcl_find_a_cruise .dt_to {
    display: inline-block;
}



@media only screen and (max-width: 750px) {

    .rcl_find_a_cruise {
        padding: 0;
    }

    .rcl_find_a_cruise > ul {
        background: #fff;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0;
        flex-wrap: wrap;
        overflow-x: hidden;
    }

    .rcl_find_a_cruise > ul a {
        border-left: none;
        padding-left: 0;
        line-height: 2;
    }

    .rcl_find_a_cruise > ul li {
        height: 55px;
        margin: 0 1rem;
        padding: 5px 0;
    }

    .rcl_find_a_cruise > ul li:nth-child(3) {
        min-height: 55px;
        height: auto;
    }

    .rcl_find_a_cruise > ul li:nth-child(3) a {
        top: 0;
    }

    .rcl_find_a_cruise > ul li:last-child {
        height: auto;
        margin: 0;
        padding: 0 0.5rem;
    }

    .rcl_find_a_cruise #find-a-cruise {
        height: 45px;
        line-height: 1;
    }

    .rcl_find_a_cruise .back-button {
        background: #0073bb;
        height: 3rem;
        left: 0;
        line-height: 3rem;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .rcl_find_a_cruise .back-button .close {
        left: 0;
        position: relative;
        top: 0.5rem;
    }

    .rcl_find_a_cruise .back-button .close strong {
        display: inline-block;
        width: 100%;
    }

    .rcl_find_a_cruise > ul img {
        top: 10%;
    }


    .rcl_find_a_cruise > ul small,
    .rcl_find_a_cruise > ul .insert {
        color: #0072BA;
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1.1;
        width: auto;
    }

    .rcl_find_a_cruise > ul small {
        padding-right: 0.5rem;
    }

    .rcl_find_a_cruise > ul a.with-submenu.filled small {
        display: none;
    }

    /* hide the word 'departing' on mobile when there is a date */
    .rcl_find_a_cruise > ul small.active {
        display: none;
    }

    .rcl_find_a_cruise > ul li:first-child,
    .rcl_find_a_cruise > ul li:nth-child(2) {
        border-bottom: 1px solid #eee;
    }

    .rcl_find_a_cruise > ul label {
        text-align: center;
    }


    /* change the display mode of .insert to accommodate the unique mobile-only layout */
    .rcl_find_a_cruise a[href="#calendar"] .insert.active {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }

    .rcl_find_a_cruise #calendar .info-panel {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }

    .rcl_find_a_cruise #calendar .info-panel > div {
        text-align: center;
    }

    .rcl_find_a_cruise #calendar .info-panel .small {
        display: none;
    }

    .rcl_find_a_cruise #calendar .info-panel .mo,
    .rcl_find_a_cruise #calendar .info-panel .yr,
    .rcl_find_a_cruise a[href="#calendar"] .mo,
    .rcl_find_a_cruise a[href="#calendar"] .yr {
        display: block;
    }

    .rcl_find_a_cruise #calendar .info-panel .mo,
    .rcl_find_a_cruise a[href="#calendar"] .mo {
        font-size: 2.5rem;
    }

    .rcl_find_a_cruise #calendar .info-panel .yr,
    .rcl_find_a_cruise a[href="#calendar"] .yr {
        font-size: 2rem;
    }

    .rcl_find_a_cruise #calendar .info-panel .dt_from,
    .rcl_find_a_cruise #calendar .info-panel .dt_to,
    .rcl_find_a_cruise a[href="#calendar"] .dt_from,
    .rcl_find_a_cruise a[href="#calendar"] .dt_to {
        text-align: center;
    }

    .rcl_find_a_cruise #calendar .info-panel .dt_from:before,
    .rcl_find_a_cruise #calendar .info-panel .dt_to:before,
    .rcl_find_a_cruise a[href="#calendar"] .dt_from:before,
    .rcl_find_a_cruise a[href="#calendar"] .dt_to:before {
        color: grey;
        display: block;
        font-size: 0.8rem;
        text-align: center;
    }

    .rcl_find_a_cruise #calendar .info-panel .dt_from:before,
    .rcl_find_a_cruise #calendar .info-panel .dt_to:before {
        color: #fff;
    }

    .rcl_find_a_cruise #calendar .info-panel .dt_from:before,
    .rcl_find_a_cruise a[href="#calendar"] .dt_from:before {
        content: 'FROM';
    }

    .rcl_find_a_cruise #calendar .info-panel .dt_to:before,
    .rcl_find_a_cruise a[href="#calendar"] .dt_to:before {
        content: 'TO';
    }

    .rcl_find_a_cruise #calendar .info-panel .active .dt_from:before,
    .rcl_find_a_cruise #calendar .info-panel .active .dt_to:before {
        font-family: "ProximaNova-Bold";
    }

    .rcl_find_a_cruise #calendar .info-panel .mo {
        border-top: 1px solid #fff;
        margin-top: 0.5rem;
        padding: 0.5rem 2rem 0;
    }

    .rcl_find_a_cruise #calendar .info-panel .active .mo {
        border-width: 3px;
    }

    .rcl_find_a_cruise #calendar .info-panel i,
    .rcl_find_a_cruise a[href="#calendar"] i {
        background: url(icons/fac_arrow.png) center no-repeat;
        background-size: contain;
        display: inline-block;
        font-size: 0;
        height: 2rem;
        width: 2rem;
    }

    .rcl_find_a_cruise #calendar .info-panel i {
        background: url(icons/fac_arrow_fff.png) center no-repeat;
        background-size: contain;
    }

    .rcl_find_a_cruise .submenu {
        position: fixed;
        height: 100%;
        width: 100vw;
        top: 0;
        left: 0;
        /*		transform: translate3d(100%,0,0);
		transition: all 500ms ease-out;
*/		z-index: 9999;
    }

    .rcl_find_a_cruise .submenu.active {
        margin: 0;
        /*		transform: translate3d(0,0,0);
*/		overflow-x: auto; /* to allow region menu to scroll horizontally */
    }

    .rcl_find_a_cruise .submenu li {
        border-top: 1px solid rgba(255,255,255,0.1);
        padding: 0.5rem 0;
    }

    .rcl_find_a_cruise .submenu .show-for-phone {
        display: block;
    }

    .rcl_find_a_cruise .submenu .text-right {
        position: fixed;
        bottom: 0;
        right: 2rem;
        width: 100%;
        height: 4rem;
        background: #0072BA;
        z-index: 1;
    }

    .rcl_find_a_cruise .submenu .continue-button,
    .rcl_find_a_cruise #calendar .update-button {
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 0.5rem 0 2rem;
        text-align: right;
        width: 100%;
        z-index: 1;
    }

    .rcl_find_a_cruise #calendar .update-button .close {
        display: inline-block;
        text-align: right;
        width: 100%;
    }

    .rcl_find_a_cruise #calendar .close-button {
        position: fixed;
        bottom: 4rem;
        right: 1rem;
    }


    .rcl_find_a_cruise #calendar .info-panel {
        margin-top: 2rem;
        visibility: visible;
    }

    .rcl_find_a_cruise #calendar .info-panel.hidden {
        visibility: hidden;
    }


    .rcl_find_a_cruise #calendar .update-button a.more:after {
        background: url("../img/general/caret-right-small-dark.svg") center no-repeat;
        background-size: contain;
        content: '';
        height: 1rem;
        width: 1rem;
        padding-left: 1.5rem;
    }

    .rcl_find_a_cruise .submenu .continue-button a {
        color: #0072BA;
    }

    .rcl_find_a_cruise .submenu .continue-button a.more:after {
        background: url("../img/general/caret-right-small-dark.svg") center no-repeat;
    }

    .rcl_find_a_cruise .region {
        height: 3rem;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        padding: 4rem 0;
    }

    .rcl_find_a_cruise .region > li {
        border: none;
        padding: 0.5rem 1rem;
        white-space: nowrap;
        height: 3rem;
    }

    .rcl_find_a_cruise .submenu section.active {
        display: block;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        overflow-y: auto;
        padding: 1rem 0 8rem 0;
        position: relative;
    }

    .rcl_find_a_cruise .submenu section > div {
        border-top: 1px solid rgba(255,255,255,0.1);
        line-height: 2;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .rcl_find_a_cruise .submenu section label  {
        display: block;
        padding: 0.5rem 0;
    }

    .rcl_find_a_cruise .submenu input[type="checkbox"] {
        visibility: hidden; /* to hide the input in mobile view */
    }
    .rcl_find_a_cruise .submenu input[type="checkbox"]:checked + label:before {
        background: none;
    }
    .rcl_find_a_cruise .submenu input[type="checkbox"]:checked + label:after {
        background: url(../img/general/check.svg) left center no-repeat;
        background-size: 1.5rem;
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        position: absolute;
        right: 1rem;
        top: 0.75rem;
    }

    .rcl_find_a_cruise #calendar .datepicker,
    .rcl_find_a_cruise #calendar .datepicker .table {
        height: auto;
    }

    .rcl_find_a_cruise #calendar .datepicker {
        margin: 1rem 0;
        order: 2;
        padding: 0 0.5rem;
    }

    .rcl_find_a_cruise #calendar .tr {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rcl_find_a_cruise #calendar .td {
        flex-basis: 50%;
    }

    .rcl_find_a_cruise .submenu#calendar.active {
        display: block; /* removes flex */
    }

}

@media only screen and  (min-width: 751px) and (max-width: 1024px) {
    /* the first level links */
    .rcl_find_a_cruise > ul {
        margin: 0;
        border: 1px solid rgba(128,128,128,0.1);
        box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
        -moz-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 10px 10px -4px rgba(0,0,0,.2);
        flex-wrap: nowrap;
    }
    .rcl_find_a_cruise > ul a {
        border-left: none;
    }
    .rcl_find_a_cruise > ul .insert {
        font-size: 1rem;
    }

    .rcl_find_a_cruise .submenu.active {
        margin: 0;
        padding-bottom: 2rem;
    }

    .rcl_find_a_cruise .submenu .text-right {
        position: relative;
    }

    .rcl_find_a_cruise .submenu section > div {
        /*margin: 0.5rem;*/
    }

    .rcl_find_a_cruise .submenu section label  {
        display: inline-block;
        padding-left: 0.5rem;
        width: 100%;
    }

    .rcl_find_a_cruise .submenu input[type="checkbox"] {
        visibility: hidden; /* to hide the input in mobile view */
    }

    .rcl_find_a_cruise .submenu input[type="checkbox"]:checked + label:before {
        left: -0.5rem;
    }

    .rcl_find_a_cruise #calendar .datepicker {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .rcl_find_a_cruise #calendar .datepicker .slide {
        padding: 0 0.5rem;
    }

}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .rcl_find_a_cruise .submenu section {
        height: 11rem;
    }
}

/* activates inertial scrolling - .touch is added in via JS feature detection */
.touch .rcl_find_a_cruise .submenu .region,
.touch .rcl_find_a_cruise .submenu section {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}


.rcl_countdown  {
    /*background: #E24624;*/ /* bg color is orange if not set otherwise */
    position: relative;
    width: auto;
    z-index: 1;
}

.rcl_countdown .aem-GridColumn {
    color: #fff;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.rcl_countdown .aem-GridColumn .text-small {
    font-size: 90%;
    letter-spacing: 2px;
}
.rcl_countdown .aem-GridColumn .text-medium {
    /*font-family: 'Kapra', Impact, sans-serif;*/
    line-height: 1.1;
    font-size: 150%;
}
.rcl_countdown .aem-GridColumn .text-large {
    /*font-family: 'Kapra', Impact, sans-serif;*/
    font-size: 300%;
    line-height: 1;
}

.rcl_component.rcl_countdown.cd_simple .text.parbase {
    font-family: 'ProximaNova-Regular', Arial, sans-serif;
}

.rcl_component.rcl_countdown.cd_simple #clock {
    font-family: 'ProximaNova-Bold', Arial, sans-serif;
}

.rcl_component.rcl_countdown.cd_complex .text.parbase {
    font-family: 'Kapra', Impact, sans-serif;
}

.rcl_component.rcl_countdown.cd_complex .text.parbase .text-small {
    font-family: 'ProximaNova-Regular', Arial, sans-serif;
}

.rcl_component.rcl_countdown.cd_complex .text.parbase .double-line .text-small {
    font-family: 'Kapra', Impact, sans-serif;
}

.rcl_component.rcl_countdown.cd_complex .counter-block {
    display: flex;
    flex-wrap: nowrap;
}

.rcl_countdown .aem-GridColumn p {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.rcl_countdown .aem-GridColumn p sup {
    font-size: 50%;
    position: relative;
    top: 0;
}
.rcl_countdown .aem-GridColumn .col {
    padding: 0.5rem;
}
.rcl_countdown .aem-GridColumn .double-line {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.rcl_countdown .aem-GridColumn .col4 .text-medium {
    /*font-family: 'ProximaNova-Regular', Arial, sans-serif;*/
    text-align: right;
}
.rcl_countdown .aem-GridColumn .col5 {
    width: 20%;
}

/* this rule applies to the large right-facing caret only */
/*.rcl_countdown .col.symbol img {
    height: auto;
    margin: 0 1rem;
    position: relative;
    width: 25%;
}
*/
@media only screen and (max-width: 1024px) {
    .rcl_countdown {
        margin: 0;
    }
    .rcl_countdown .aem-GridColumn .text-small {
        font-size: 80%;
    }
    .rcl_countdown .aem-GridColumn .text-medium {
        font-size: 120%;
    }
    .rcl_countdown .aem-GridColumn .text-large {
        font-size: 250%;
    }
}


@media only screen and (max-width: 750px) {

    .rcl_countdown > .aem-GridColumn {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .rcl_component.rcl_countdown.cd_complex .col4 {
        order: 1;
        width: 100%;
    }

    .rcl_component.rcl_countdown.cd_complex .col4 p {
        text-align: center;
    }

    /* the counter */
    .rcl_component.rcl_countdown.cd_complex .col5 {
        order: 2;
        text-align: center;
        width: 100%;
    }

    .rcl_component.rcl_countdown.cd_complex #clock {
        text-align: center;
    }

    .rcl_component.rcl_countdown.cd_complex .counter-block {
        font-size: 70%;
        justify-content: space-around;
        order: 3;
        width: 100%;
    }

    /*	.counter  {
		padding: 0;
	}
	.rcl_countdown {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.rcl_countdown .aem-GridColumn:first-child {
		order: 2;
	}
	.rcl_countdown .aem-GridColumn:nth-child(2) {
		order: 1;
		background: #fff;
		color: #E24624;
		text-align: center;
	}
	.rcl_countdown .countdown {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.rcl_countdown .col,
	.rcl_countdown .counter {
		padding: 0.5rem;
	}

	.rcl_countdown .col:nth-child(4) {
		display: none;
	}

	.rcl_countdown .col:after {
		right: -2.5rem;
		position: absolute;
	}*/


    /*.rcl_countdown {
		margin: 0;
	}
	.rcl_countdown .aem-GridColumn {
		flex-wrap: wrap;
		width: 100%;
	}

	/ * reorder templates per comp * /
	.rcl_countdown.cd_complex .col:first-child {
		order: 3;
	}
	.rcl_countdown.cd_complex .col:nth-child(2) {
		order: 4;
	}
	.rcl_countdown.cd_complex .col:nth-child(3) {
		order: 5;
	}
	.rcl_countdown.cd_complex .col:nth-child(4) {
		order: 6;
	}
	.rcl_countdown.cd_complex .col:nth-child(5) {
		order: 7;
	}
	.rcl_countdown.cd_complex .col:nth-child(6) {
		order: 8;
		/ *flex-shrink: 1;* /
		display: none; / * we don't need this last symbol in mobile * /
	}
	.rcl_countdown.cd_complex .col:nth-child(7) {
		background: #fff;
		color: #E24624;
		order: 1;
		/ *float: none; * /
		padding: 0;
		width: 100%;
	}
	.rcl_countdown.cd_complex .col:nth-child(7) p {
		letter-spacing: 2px;
		text-align: center;
	}
	.rcl_countdown.cd_complex .col:nth-child(8) {
		background: #fff;
		color: #E24624;
		font-family: 'ProximaNova-Regular', Arial, sans-serif;
		order: 2;
		padding: 0;
		text-align: center;
		width: 100%;
	}

	.rcl_countdown .text-medium br, .rcl_countdown .text-small br {
		display: none; / * restores manual multi-lines to one line * /
	}*/
}

.signup	{
    margin: 2rem auto;
    text-align: center;
}
.signup * {
    box-sizing: border-box;
}
.signup label {
    color: #2B69B5;
    display: inline-block;
    padding: 0 0.5rem 0 0;
    text-transform: uppercase;
    text-align: right;
}
.signup input {
    border: 1px solid #2B69B5;
    border-radius: 0;
    box-shadow: none;
    height: 3rem;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    width: 20rem;
}
.signup button {
    background: #2B69B5 url(../img/general/caret-right-small.svg) center no-repeat;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    height: 3rem;
    width: 3rem;
    margin: 0;
    vertical-align: middle;
}

@media only screen and (max-width: 750px) {

    .signup label {
        display: block;
        line-height: 2;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    .signup input {
        width: 70%;
    }

}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
    background: #ffffff url('/assets/img/general/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('clientlib-site/css/fonts/slick.eot');
    src: url('clientlib-site/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-site/css/fonts/slick.woff') format('woff'), url('clientlib-site/css/fonts/slick.ttf') format('truetype'), url('clientlib-site/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
.slick-prev[dir="rtl"] {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
.slick-prev:before[dir="rtl"] {
    content: "→";
}
.slick-next {
    right: -25px;
}
.slick-next[dir="rtl"] {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
.slick-next:before[dir="rtl"] {
    content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -20px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #ffffff;
    opacity: 0.75;
}

.retarget-itinerary-ship {
    display: none;
}

.retarget-itinerary-ship .aem-AuthorLayer-Edit {
    display: block;
}

.retarget-itinerary-ship .rcl_tile .text_label {
    width: 100%;
}

.retarget-itinerary-ship .rcl_tile .text_label.topcenter {
    display: inline-block;
    height: 100%;
}

.retarget-itinerary-ship .rcl_tile .text_label.topcenter {
    padding-top: 1rem;
    top: 0;
}

.retarget-itinerary-ship .rcl_tile .text_label.topcenter .line.cta {
    bottom: 1rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.retarget-itinerary-ship .rcl_tile {
    margin: 0 10px 10px 10px; /* in px to match Raul's specs */
}

.retarget-itinerary-ship .rcl_tile .line {
    justify-content: center;
}

.retarget-itinerary-ship .rcl_tile .line1 {
    font-size: 170%;
}

.retarget-itinerary-ship .rcl_tile .line2 {
    font-size: 100%;
}

.retarget-itinerary-ship .rcl_tile .line3 {
    font-size: 80%;
    font-style: italic;
}

.retarget-itinerary-ship .rcl_tile .line4 {
    font-size: 2rem;
}

@media only screen and (max-width: 1024px) {

    .retarget-itinerary-ship .rcl_tile .text_label {
        font-size: 95%;
    }

    .retarget-itinerary-ship .rcl_component a.button {
        padding: 1rem;
    }
}


@media only screen and (max-width: 750px) {

    .retarget-itinerary-ship .rcl_tile .text_label {
        font-size: 250%;
    }
    .retarget-itinerary-ship .rcl_tile .text_label.topcenter {
        padding-top: 2rem;
    }
    .retarget-itinerary-ship .rcl_tile .text_label .line {
        line-height: 1.5;
    }
    .retarget-itinerary-ship .rcl_component a.button {
        padding: 1rem 2rem;
    }

}

@media only screen and (max-width: 640px) {

    .retarget-itinerary-ship .rcl_tile .text_label {
        font-size: 200%;
    }
    .retarget-itinerary-ship .rcl_tile .text_label .line {
        line-height: 1.1;
    }
    .retarget-itinerary-ship .rcl_component .line.cta {
        font-size: 50%;
    }

}
.page__main {
    position: relative;
    /*    max-width: 940px;
    margin: 0 auto;
    padding: 0 1em 1em; */
    background-color: #fff;
    /*    box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2); */
    zoom: 100%;
}

.page__logo {
    display: inline-block;
}

.page__topnav {
    position: absolute;
    top: 20px;
    right: 1em;
}

.page__title h1 {
    color: #025c1f;
    text-transform: uppercase;
}


/* Scale down too wide images from the parsys */
.page__par img {
    max-width: 100%;
}

.page__copyright {
    margin-bottom: 0;
}

@media only screen and (min-width: 751px) {
    .page__par {
        padding: 35px 35px 0;
    }
}
@media only screen and (min-width: 1025px) {
    .page__par {
        padding: 20px 60px 0;
    }
}


.topnav {
    float: right;
    list-style: none;
}
.topnav__item {
    float: left;
    margin-left: 15px;
}
.topnav__item--selected {
    font-weight: bold;
}



/*
 *  Copyright 2015 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Column Control component */
@media (min-width: 600px) {
    .parsys_column {
        margin: 0;
    }
    .cq-colctrl-lt0-c0,
    .cq-colctrl-lt0-c1 {
        float: left;
        width: 48%;
    }
    .cq-colctrl-lt0-c0 {
        margin-right: 2%;
    }
    .cq-colctrl-lt0-c1 {
        margin-left: 2%;
    }
}

/*
 *  Copyright 2015 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Text-Image component */
.textimage-left {
    float: left;
    margin: 0 1em 1em 0;
}
.textimage-right {
    float: right;
    margin: 0 0 1em 1em;
}
.textimage-text {
    margin: 0 0 -1em;
}
.textimage-text:after {
    content: "";
    display: table;
    clear: both;
}

.hero .hero-placeholder {
    height: 80px;
    line-height: 80px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    position:relative;
    color: rgba(0,0,0,.3);
    border-color:  rgba(0,0,0,.3);
    background-color: rgba(255,255,255,.25);
    border-style: solid;
    border-width: 0.125rem;
    margin: -0.125rem;
}

.rcl_universal_hero .background_image img {
    width: 100%;
    height: auto;
}

.rcl_universal_hero .slide_wrapper {
    position: relative;
}

.rcl_universal_hero .tout_wrapper {
    position: absolute;
    width: 100%;
}

.rcl_universal_hero .main_tout_wrapper {
    top: 50%;
    transform: translate3d(0,-50%,0);
}

.rcl_universal_hero .main_tout_wrapper.tout_position_center {
    left: 50%;
    transform: translate3d(-50%,-50%, 0);
}

.rcl_universal_hero .main_tout_wrapper.tout_position_right {
    right: 0;
}

.rcl_universal_hero .tout_wrapper.tout_has_text {
    margin: 0 5% 0 5%;
    width: auto;
}

.rcl_universal_hero .tout_wrapper.tout_has_text.main_tout_wrapper.tout_position_center {
    margin: 0;
    padding: 0 5% 0 5%;
}

.rcl_universal_hero .sub_tout_wrapper {
    bottom: 8rem;
    /*height: 10rem;*/
}

.rcl_universal_hero .sub_tout_wrapper .tout_wrapper {
    position: relative;
    height: 100%;
    width: 20%;
}

.rcl_universal_hero h1,
.rcl_universal_hero p {
    font-family: 'Kapra', Impact, 'Arial Narrow', Arial, sans-serif;
    font-size: 100%; /* reset font-size so it can be controlled by the author */
    /*	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;*/
    line-height: 1.2;
    margin: 0;
    /*text-align: center;*/
    text-shadow: 0 0 5px rgba(0,0,0,0.5); /* so the text will show against a light background */
    /*text-transform: uppercase;*/
    word-spacing: 4px;
}

.rcl_universal_hero h1 {
    /*font-size: 500%;*/
}

.rcl_universal_hero p {
    /*font-size: 300%;*/
}

.rcl_universal_hero .large {
    /*font-size: 500%;*/
}
.rcl_universal_hero .small{
    /*font-size: 100%;*/
}

.rcl_universal_hero .text.parbase {
    letter-spacing: 2px;
}

.rcl_universal_hero .text.parbase .text-small, .rcl_universal_hero .text.parbase .small { font-size: 1.5rem; }
.rcl_universal_hero .text.parbase .text-medium, .rcl_universal_hero .text.parbase .medium { font-size: 2.5rem; }
.rcl_universal_hero .text.parbase .text-large, .rcl_universal_hero .text.parbase .large { font-size: 6rem; }

.rcl_universal_hero .sub_tout_wrapper .text.parbase .text-small {
    font-size: 100%;
}
.rcl_universal_hero .sub_tout_wrapper .text.parbase .text-medium {
    font-size: 225%;
}
.rcl_universal_hero .sub_tout_wrapper .text.parbase .text-large {
    font-size: 400%;
}


.rcl_universal_hero .text.parbase .text-white {
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.rcl_universal_hero .text.parbase .text-large sup {
    font-size: 50%;
    position: relative;
    top: -0.3rem;
}

.rcl_universal_hero .text.parbase .text-medium sup {
    font-size: 66%;
    position: relative;
    top: 0.5rem;
}

.rcl_universal_hero .text.parbase .double-line {
    display: flex;
    align-items: flex-start;
    position: relative;
    top: 0.5rem;
}
.rcl_universal_hero .text.parbase .double-line[style="text-center"] {
    justify-content: center;
}
.rcl_universal_hero .text.parbase .double-line[style="text-right"] {
    justify-content: flex-end;
}

.rcl_universal_hero .text.parbase .double-line div {
    line-height: 1;
}

.rcl_universal_hero .tout_wrapper {
    display: flex;
    justify-content: center;
}

.rcl_universal_hero .tout_wrapper.left {
    justify-content: flex-start;
}

.rcl_universal_hero .tout_wrapper.center {
    justify-content: center;
}

.rcl_universal_hero .tout_wrapper.right {
    justify-content: flex-end;
}

.rcl_universal_hero .tout_wrapper.tout_position_topcenter {
    margin: 0;
    top: 25%;
    width: 100%;
}

.rcl_universal_hero .slick-dots {
    bottom: 25px; /* dodges the find-a-cruise - this needs to be set on a per sub-component basis, see below */
}

.rcl_universal_hero.with-cruisesearch {
    margin-bottom: -35px;
}

.rcl_universal_hero.with-countdown{
    margin-bottom: -40px;
}

.rcl_universal_hero.with-countdown.with-cruisesearch {
    margin-bottom: -100px;
}

.rcl_universal_hero.with-cruisesearch .sub_tout_wrapper,
.rcl_universal_hero.with-countdown .sub_tout_wrapper,
.rcl_universal_hero.with-cruisesearch.with-countdown .sub_tout_wrapper {
    bottom: 10rem;
}

.rcl_universal_hero.with-cruisesearch .slick-dots {
    bottom: 65px;
}

.rcl_universal_hero.with-countdown .slick-dots {
    bottom: 65px; /* approximate */
}

.rcl_universal_hero.with-countdown.with-cruisesearch .slick-dots {
    bottom: 120px; /* approximate */
}

.right.tout_wrapper h1, .right.tout_wrapper p{
    /*margin: 0 0 0 auto;*/
    /*text-align: right;*/
    /*width: 40%;*/
}
.center.tout_wrapper h1, .center.tout_wrapper p{
    /*margin: 0 auto;*/
    /*text-align: center;*/
    /*width: 40%;*/
}
.left.tout_wrapper h1, .left.tout_wrapper p{
    /*margin: 0 auto 0 0;*/
    /*text-align: left;*/
    /*width: 40%;*/
}

.rcl_universal_hero table, .rcl_universal_hero td {
    border: none;
}

@media only screen and (max-width: 1024px) {
    .rcl_universal_hero.with-cruisesearch,
    .rcl_universal_hero.with-countdown,
    .rcl_universal_hero.with-countdown.with-cruisesearch {
        margin-bottom: 0 !important;
    }

    /*	.rcl_universal_hero .slick-dots,
	.rcl_universal_hero.with-countdown .slick-dots,
	.rcl_universal_hero.with-countdown.with-cruisesearch .slick-dots {
	    bottom: 25px;
	}
*/
    .rcl_universal_hero .slick-prev {
        height: 4rem;
        width: 2rem;
        left: 0;
        z-index: 1;
    }

    .rcl_universal_hero .slick-next {
        height: 4rem;
        width: 2rem;
        right: 0;
        z-index: 1;
    }

    .rcl_universal_hero .slick-prev:before,
    .rcl_universal_hero .slick-next:before {
        background: url(icons/slider-arrow.png) center no-repeat;
        background-size: contain;
        content: " ";
        display: inline-block;
        height: 4rem;
        width: 2rem;
        opacity: 1;
    }
    .slick-prev:before {
        transform: rotate(180deg);
    }
}

@media only screen and (max-width: 750px) {
    .rcl_universal_hero .text.parbase .text-small, .rcl_universal_hero .text.parbase .small { font-size: 1.25rem; }
    .rcl_universal_hero .text.parbase .text-medium, .rcl_universal_hero .text.parbase .medium { font-size: 1.5rem; }
    .rcl_universal_hero .text.parbase .text-large, .rcl_universal_hero .text.parbase .large { font-size: 3.5rem; }

    .rcl_component a.button {
        padding: 0.5rem 1rem;
    }

    /* force abs center text for all text options on mobile */
    .rcl_universal_hero .tout_wrapper,
    .rcl_universal_hero .main_tout_wrapper,
    .rcl_universal_hero .main_tout_wrapper.left,
    .rcl_universal_hero .main_tout_wrapper.center,
    .rcl_universal_hero .main_tout_wrapper.right,
    .rcl_universal_hero .main_tout_wrapper.tout_position_topcenter,
    .rcl_universal_hero .main_tout_wrapper.tout_position_center,
    .rcl_universal_hero .main_tout_wrapper.tout_position_left,
    .rcl_universal_hero .main_tout_wrapper.tout_position_right,
    .rcl_universal_hero .tout_wrapper.tout_has_text {
        justify-content: center;
        left: auto;
        margin: 0 auto;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

}

/* author environment only */
/* move counter & search below hero in the editor to prevent collisions */
.aem-AuthorLayer-Edit .rcl_universal_hero.with-cruisesearch,
.aem-AuthorLayer-Edit .rcl_universal_hero.with-countdown {
    margin-bottom: 0 !important;
}

.aem-AuthorLayer-Edit .rcl_universal_hero .slick-dots {
    bottom: 25px !important;
}

.aem-AuthorLayer-Edit .rcl_universal_hero .tout_wrapper .text_label {
    min-height: 50%;
    /*width: 100%;*/
}

.rcl_alerts {
    visibility: hidden;
    height: 35px; /* per AEM-277 */
    height: auto;
    min-height: 35px; /* per AEM-329 */
}

.rcl_alerts.slick-initialized {
    visibility: visible;
}

.rcl_alert_item {
    width: 100%;
    /*background-color: #fdec9d;*/
    padding: 0;
    text-align: center;
}

.rcl_alert_slider_top {
    background-color: #fdec9d;
}

.rcl_alert_item .rcl_alert_content {
    display: inline-block;
    margin: 0.5rem auto;
    width: 90%;
}

.rcl_alert_item .rcl_text {
    font-family: 'ProximaNova-Bold';
    font-size: 1rem;
    /*font-weight: bold;*/
    color: #16274b;
    /*width: 85%;*/
}

.rcl_alert_item .rcl_read_more {
    font-family: 'ProximaNova-Bold';
}

.rcl_alert_item .rcl_read_more a {
    color: #16274b;
}

.rcl_alert_item .rcl_read_more:after {
    background: url(../img/general/caret-right-small-dark.svg) center no-repeat;
    content: ' ';
    padding: 0.5rem;
}

.rcl_alert_slider {
    position: relative;
}

.rcl_alert_slider .rcl_close_btn {
    color: #3d3d3d;
    font-family: 'ProximaNova-Light';
    font-size: 1.5rem;
    position: absolute;
    right: 3rem;
    width: 10%;
    z-index: 9999;
}


/* CSS for bottom-of-screen alerts */


.rcl_alert_slider_bottom.alerts .rcl_alert_slider {
    background-color: #dedede;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.rcl_alert_slider_bottom .rcl_text {
    font-family: 'ProximaNova-Regular';
}

.rcl_alert_slider_bottom .rcl_close_btn {
    position: relative;
}

.rcl_alert_slider .text-right {
    font-size: 1rem;
    margin: 0;
}
.rcl_alert_slider_bottom .rcl_alert_slider {
    z-index: 10;
}
@media only screen and (max-width: 1024px) {
    .rcl_alert_slider .rcl_close_btn {
        position: relative;
        font-size: 3rem;
    }
}

@media only screen and (max-width: 750px) {
    .rcl_alert_slider .rcl_close_btn {
        right: 0;
    }
    .rcl_alert_item .rcl_alert_content {
        width: 100%;
    }
}



.cq-placeholder.alerts-placeholder {
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    position:relative;
    color: rgba(0,0,0,.3);
    border-color:  rgba(0,0,0,.3);
    background-color: rgba(255,255,255,.25);
    border-style: solid;
    border-width: 0.125rem;
    margin: -0.125rem;
}
#country-selection-modal {
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.5rem 0.5rem rgba(0,0,0,0.2);
    display: block;
    left: 0;
    height: 60vh;
    margin: 0 auto;
    max-width: 735px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 100px;
    visibility: hidden;
    width: 75vw;
    z-index: 9999;
}

#country-selection-modal .close-reveal-country-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: transparent;
    font-weight: 700;
    cursor: pointer;
    display: block;
    color: #0C0C45;
    /*background-image: url(icons/close.png);*/
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-color: transparent;
}

#country-selection-modal .banner-heading span {
    display: block;
    position: relative;
    letter-spacing: 4px;
    font-size: 1.6875rem;
    text-transform: uppercase;
    font-family: "Kapra",sans-serif;
    font-weight: normal;
    text-align: center;
}

#country-selection-modal h5 {
    text-align: center;
    font-size: 1.125rem;
    /*font-weight: 600;*/
    line-height: 1;
    font-family: "ProximaNova-Bold",sans-serif;
    /*font-style: normal;*/
    color: #061556;
    text-rendering: optimizeLegibility;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    display: block;
    /*	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 1.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
*/}

#country-selection-modal ul {
    list-style: none;
}

#country-selection-modal ul .country {
    display: inline-block;
    width: 135px;
    margin-right: 0.625rem;
    color: #555555;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.4;
    font-size: 0.9375rem;
    font-weight: 500;
}

#country-selection-modal ul a {
    color: #0073bb;
    text-decoration: none;
    line-height: inherit;
}

#country-selection-modal ul li a:after {
    content: "•";
    margin-left: 0.3125rem;
    color: #0073bb;
}

#country-selection-modal ul li a:last-child:after {
    display: none;
}

#country-selection-modal .large-8 h5,
#country-selection-modal .large-8 select {
    color: #061556;
    display: block;
    font-weight: 700;
    height: 28px;
    margin: 0 auto;
    /*margin-bottom: 0.9375rem;*/
    padding: 0.3125rem 0.3125rem 0.3125rem 0.5rem;
    width: 100%;
}

#country-selection-modal .large-8 select {
    background-image: initial;
    border-radius: 3px;
    box-shadow: inset 0 -1px 3px -2px rgba(0,0,0,0.35);
    cursor: pointer;
    -webkit-appearance: none !important;
    background-color: #FAFAFA;
    text-transform: none;
    overflow: visible !important;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    text-rendering: auto;
    letter-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    -webkit-writing-mode: horizontal-tb;
    width: 50%;
}

#country-selection-modal .map_wrapper {
    text-align: center;
    margin: 2rem 0 0;
}


@media only screen and (max-width: 1024px) {

    #country-selection-modal {
        border-radius: 0;
        box-shadow: none;
        height: 100vh;
        max-width: none;
        padding: 0;
        top: 0;
        width: 100vw;
    }

    #country-selection-modal .close-reveal-country-modal {
        top: 3%;
        right: 10%;
    }

}

@media only screen and (max-width: 750px) {

    #country-selection-modal {
        padding: 0;
        padding-top: 2rem;
    }

    #country-selection-modal .close-reveal-country-modal {
        top: 1rem;
        right: 1rem;
    }

}