@import url("clientlib-site/css/fonts.css");
@import url("clientlib-site/css/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.2;
}
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(icons/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;
	font-size: 0.875rem;
	letter-spacing: 2px;
	padding: 0;
	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 a.with-submenu.login-link {

}

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


.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(icons/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 .hero, 
.legacy-page .hero,
.gdp-page .hero .module-header-image, 
.legacy-page .hero .module-header-image {
	margin-top: 0; /* to counteract .hero: margin-top: -83px in GDP 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;
		top: 0; 
	}

	.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: -15vw;
		text-align: left;
		top: 68px;
		width: 104vw;
		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(icons/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 5.5rem;
		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 .call-us {
		display: inline-block; 
		left: 0;
	}

	.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 .page__copyright img, 
.rcl_universal_footer .subfooter .page__copyright span {
    display: inline-block;
    vertical-align: middle;
}

.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;
    line-height: 1;
}

.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;
    line-height: 60px;
    font-size: .875rem; /* 14px */
    margin: 0;
}

.rcl_universal_footer .subfooter img {
    height: 25px;
}

.rcl_universal_footer .subfooter p {
    margin: 0;
}

.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%; 
		z-index: 0;
	}  

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

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

	.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;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.rcl_find_a_cruise .submenu input[type="checkbox"]:checked + label:before {
	background: url(icons/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 0.25rem;
	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.1rem;
	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-family: "ProximaNova-Light";
	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;
	justify-content: center;
	width: 100%;
}

.rcl_find_a_cruise #calendar .td {
	background: transparent;
	color: #fff;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	width: 70px;
	margin: 0.25rem;
	font-size: 1rem;
	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;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

.rcl_find_a_cruise #calendar .update-button .close {
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	text-transform: capitalize;
	width: 170px;
}

.rcl_find_a_cruise #calendar .update-button .close:after {
	display: none;
}

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

.rcl_find_a_cruise #calendar .close-button, 
.rcl_find_a_cruise #calendar .close-button::after {
	font-size: .75rem;
	text-transform: uppercase;
}


@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: .9rem;
		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, 
	.rcl_find_a_cruise.flip .submenu {
		position: fixed;
		height: 100%;
		width: 100vw;
		top: 0;
		left: 0;
		bottom: auto;
/*		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("icons/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("icons/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 0.25rem;
		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(icons/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(icons/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('clientlib-site/css/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;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}

	/* in case text alignment has been set inline using the rich editor */
	.rcl_universal_hero .tout_wrapper [style="text-align"] {
		text-align: center !important;		
	}

}

/* 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(icons/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;
	}

}