/* CRUISE.COM CUSTOM CSS - ALL PAGES */

/* GLOBAL BACKGROUNDS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
.whiteBg {background-color: #FFF;} 			/* White */
.blackBg {background-color: #000;} 			/* Black */
.mainBlueBg {background-color: #224273;}    /* Cruise.com Blue */
.richBlueBg {background-color: #2980b9;}	/* Rich Blue */
.orangeBg {background-color: #b75701;}	    /* Orange */
.orangeRichBg {background-color: #C75300;}      /* Orange Dark*/
.grayBg {background-color: #7f8c8d;}		/* Gray */
.softYellow {background-color: #fdfed6;}	/* Yellow Opaque */


/* TEXT COLORS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.whiteText {color: #FFF;}
.blackText {color: #000;}
.redText {color: #C00;}


.grayLightText {color: #e2e2e2;}
.grayText {color: #d1d1d1;}
.grayDarkText {color: #666;}
.mainBlueText {color: #224273;}
.darkBlueText {color: #0d3052;}
.richBlueText {color: #2676AB;}
.lightBlueText {color: #00ccff;}
.highlightBlueText {color: #a7f1fa;}
.orangeText {color: #C75300;}
.yellowText {color: #FFFF00;}
.redText {color: #CE0000;}

	
/* PADDING AND MARGINS 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.padding-0 {padding: 0;}
.padding-top-0 {padding-top: 0;}
.padding-bot-0 {padding-bottom: 0;}
.padding-sides-0 {padding-left: 0; padding-right: 0;}
.padding-left-0 {padding-left: 0;}
.padding-right-0 {padding-right: 0;}

.padding-top-15 {padding-top: 15px;}
.padding-bot-15 {padding-bottom: 15px;}
.padding-sides-15 {padding-left: 15px; padding-right: 15px;}
.padding-left-15 {padding-left: 15px;}
.padding-right-15 {padding-right: 15px;}


.margin-0 {margin: 0;}
.margin-auto {margin: auto;}
.margin-top-0 {margin-top: 0;}
.margin-bot-0 {margin-bottom: 0;}
.margin-sides-0 {margin-left: 0; margin-right: 0;}
.margin-left-0 {margin-left: 0;}
.margin-right-0 {margin-right: 0;}

.margin-left-5 {margin-left: 5px;}
.margin-right-5 {margin-right: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-right-10 {margin-right: 10px;}

.margin-top-15 {margin-top: 15px;}
.margin-bot-15 {margin-bottom: 15px;}
.margin-sides-15 {margin-left: 15px; margin-right: 15px;}
.margin-left-15 {margin-left: 15px;}
.margin-right-15 {margin-right: 15px;}

.margin-top-25 {margin-top: 25px;}
.margin-bot-25 {margin-bottom: 25px;}


/* FONTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 {
	font-size: 36px;
	color: #d35400;
}

h2 {
	font-size: 30px;
	color: #06c;
}

h3 {
	font-size: 26px;
	color: #224273;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 20px;
}

p, ul, ol {
	color: #4e4e4e;
}

p a, ul a {
	text-decoration: none;	
}

p a:hover,
ul a:hover {
	text-decoration: underline;	
}

/* GENERAL STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	padding-bottom: 100px;
}	


/* BUTTONS */
.btn-primary {
	background-color:#0069d9;
	/* background-color: #1D5791; */
	border-color: transparent;
}

.btn-secondary {}


.btn-orange,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:visited {
	background-color: #b75701 !important;
  	color: #fff !important;
	border-color: transparent !important;
}

.btn-orange:hover {
	background-color: #d35400 !important;
	color: #fff !important;
	border-color: transparent !important;
}

.btn-80w {
	width: 80%;
	border-radius: 3px;
}


/* CAROUSELS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.carousel-control-next, 
.carousel-control-prev { 
	width: 5%;
	opacity: 1.0;
}

.carousel-control-next:hover, 
.carousel-control-prev:hover { 
	opacity: 0.7;
}


/* COUNTERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.counter-container .row:first-child {margin-top: 15px;}

.counter-container .row {
	margin-top: 5px;
}

.counter {}

.counter:last-child {
	margin-bottom: 0;
}

.counter .alert {
	background-color: rgba(242, 222, 222, 0.7);
	padding: 2px 15px 8px;
}

.counter .alert > div {
	display: inline-block;
}

.counter .counter-info {
}

.counter a {
	text-decoration: none;
}

.counter .clLogo {
  	width: 125px;
  	padding-top: 3px;
}

.counter .clLogo img {
	max-height: 30px;
	max-width: 125px;
	vertical-align: bottom;
}

.counter .saleLength {
	font-size: 20px;
	line-height: 20px;
	border-right: 2px dotted;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: text-bottom;
	color: #CC0000;
	margin-right: 6px;
	min-inline-size: 120px;
	text-align: right;
}

.counter .saleOffer {
	font-size: 20px;
	line-height: 20px;
	padding-left: 0;
	padding-right: 5px;
	vertical-align: text-bottom;
	color: #333;
}

.counter .countUnits {
	float: right;	
	line-height: 32px;
}

.countUnits .count-days,
.countUnits .count-hours,
.countUnits .count-minutes {
	font-size: 28px;
	color: #CC0000;
}

.countUnits .units-days,
.countUnits .units-hours,
.countUnits .units-minutes {
	font-size: 14px;
	color: #a94442;
}

.countUnits .units-days,
.countUnits .units-hours {
	padding-right: 5px;
}


/* MEMBER SIGN IN (MODAL) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#signInModal {
	z-index: 9999;
}


/* MODAL IMAGE POP-UPS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modal-img-popup {
	border: none;
	border-radius: 0;
	background-color: transparent;
}

.modal-img-popup .btn-close {
	position: absolute;
  	top: -10px;
  	right: -10px;
  	background-color: rgb(255, 255, 255);
  	color: #fff;
  	padding: 10px;
  	opacity: 1;
  	border-radius: 50%;
}


/* GLOBAL LINKS (Above Header) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.global-links {
	margin-bottom: 5px;
	padding-top: 12px;
}

.global-links li {
	display: inline-block;
	margin-right: 15px;	
}

.global-links li::after {
	content: "|";
	padding-left: 2px;
}

.global-links li:last-child::after {
	content: none;
	padding-left: 0;
}

.global-links a {
	color: #224273 !important;
	text-decoration: none;
}

.global-links a:hover {
	color: #0c73b6 !important;
	text-decoration: underline !important;
}

.global-links a.chatTextLink {
	color: #C75300 !important;
	text-decoration: none;
}

.global-links a.chatTextLink:hover {
	text-decoration: underline;
}

/* HEADER (MOBILE) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

/* Phone and Email (Mobile Icon) */
.phoneMobile, .emailMobile, .chatMobile {
	margin-top: 12px;
}


/* Toggler (Navigation) */
.header-content .navbar-toggler {
	margin-top: 12px;
	padding: 6px;
    border: 1px solid #ff9c00;
}


/* HEADER (DESKTOP) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

/* Main Phone */
.phoneDesktop {}

.phoneDesktop strong {color: #f5c60f;}

.phoneDesktop span {font-size: 28px;}

.phoneDesktop a, 
.phoneDesktop a:visited, 
.phoneDesktop a:focus {
	color: #FFF;
	text-decoration: none;
}

.phoneDesktop a:hover {text-decoration: none;}


/* ADDITIONAL HEADER LINKS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.add-header-items {margin-bottom: 8px;}


/* Service Phone */
.serviceNo, .manage-booking-link {display: inline-block;}

.serviceNo {padding-right: 10px;}

.serviceNo a {
	text-decoration: underline; 
	color: #8ff1ff;
}

.serviceNo a:hover, .serviceNo span a:hover {
	text-decoration: none; 
}

.serviceNo span, .serviceNo span a {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
}


/* Manage Booking Link */
.manage-booking-link {
	border-left: 1px solid #FFF; 
	padding-left: 10px;
}

.manage-booking-link a {
	color: #ff0;
	text-decoration: none;
}

.manage-booking-link a:hover {
	text-decoration: underline;
}


/* JOIN ALERT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#joinAlert {
	/* z-index: 99999; */
	z-index: 1050;
	margin-bottom: 80px;
  	margin-right: 20px;  	
}

#joinAlert button {
	vertical-align: middle;
}


/* ACCOUNT PROFILE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.welcome-message {
  	font-size: 26px;
}

.welcome-message span {
	font-family: Handlee,cursive;
	font-size: 26px;
	color: #428bca;
	/* color: #052c65; */
	line-height: 20px;
}


/* NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainNav .navbar {
	padding-top: 0;
	padding-bottom: 0;
}

#mainNav .navbar-nav > li {}

#mainNav .navbar-nav > li > a {
	color: #FFF;
}

#mainNav .navbar-nav .nav-link:hover,
#mainNav .navbar-nav .nav-link:focus {
	background-color: #b04a00;
	text-decoration: none;
}

#mainNav .navbar-nav .nav-link img {
	margin-top: -5px;
}

#mainNav .dropdown-menu {
	background-color: #b04a00; 
	border: none; 
	border-radius: 0;
}

#mainNav .dropdown-item {color: #FFF;}

#mainNav .dropdown-item:hover, 
#mainNav .dropdown-item:focus, 
#mainNav .dropdown-item:visited {
	background-color: #c55e02; 
	color: #FFF;
	text-decoration: none;
}

#mainNav .dropdown-item-text {
	color: #FFF;
	text-transform: uppercase;
}


/* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#emailFooter .alert {margin-bottom: 0;}

#emailFooter .container {display: block;}

#emailFooter .row {}

#emailFooter .alert-light {
	background-color: rgb(246, 246, 246); 
	border-top: 2px solid rgba(0, 123, 255, .5); 
	/* background-color: rgba(34, 66, 115, 0.92);*/
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
	padding-top: 8px;
	padding-bottom: 6px;
}

/* SOCIAL ICON LINKS */
#emailFooter .social-icons {
	margin-top: 3px; 
}

#emailFooter .social-icons a {
	text-decoration: none;
}


/* EMAIL SIGN-UP */
#edealsForm .row > div:first-child {
	text-align: right;
	color: #224273;
	margin-top: 3px;
	font-size: 18px;
}

#edealsForm .hs_email {
	width: 70%;
	margin-right: 15px;
}

#edealsForm .hs_email, 
#edealsForm .hs_submit {
	display: inline-block;
}

#edealsForm .hs_email label {
	/* display: none; */
	display: inline;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#edealsForm .hs_email label span {
	display: none;
}

#edealsForm input {
	width: 100%;
	color: #333;
	border-color: rgba(0, 123, 255, .25);
	padding: 3px 5px;
}

#edealsForm .inputs-list {
	display: none;
	/* margin: 0;
	width: 100%;
	padding-left: 0;
	padding-top: 5px;
	display: block;
	list-style-type: none; */
}

#edealsForm .hs_error_rollup .inputs-list {
	margin: 0;
	width: 100%;
	padding-left: 0;
	padding-top: 5px;
	display: block;
	list-style-type: none;	
}

#edealsForm .inputs-list label {
	font-size: 12px;
	color: #CC0000; 
	margin-bottom: 0;
	display: block;
	font-weight: 400;
}

#edealsForm .hs_submit {
	width: 25%;
	vertical-align: top;
}

#edealsForm .hs-button {
	background-color: #C75300;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
}

#edealsForm .submitted-message span {
	color: green !important;
	line-height: 36px;
}


/* MOBILE APP */
#mobileApp {}

#mobileApp h5::before, #mobileApp h5::after {
  content: "";
  height: 12px;
  border-top: 1px solid rgba(204, 102, 51,0.7);
  display: block;
  flex: 1;
}

#mobileApp h5 {
	font-size: 20px;
	text-align: center;
  	display: flex;
  	align-items: flex-end;
  	gap: 20px;
	margin-top: 15px;
}


.app-icons {
	display: inline-block;
	padding-top: 10px;
}


/* COPYRIGHT */
#copyright {
	font-size: 12px;
	color: #666; 
	padding-top: 20px; 
}

/* Links */
#footerLinks {
	margin-top: 15px;
	text-align: center; 
	color: #0066CC;	
}

#footerLinks a {
	display: inline-block; 
	color: #224273;	
	font-size: 14px;
	text-decoration: none;
}

#footerLinks a:hover {
	color: #0c73b6; 
	text-decoration: underline;
}



/* PARTNER BRANDS */
#brandIcons {
	margin-top: 30px;
	padding-bottom: 15px;
}

#brandIcons h5::before, #brandIcons h5::after {
  content: "";
  height: 12px;
  border-top: 1px solid rgba(102, 102, 102,0.5);
  display: block;
  flex: 1;
}

#brandIcons h5 {
	font-size: 18px;
	text-align: center;
  	display: flex;
  	align-items: flex-end;
  	gap: 20px;
	padding-bottom: 5px;
	color: #666;
}

#brandIcons a img {padding: 0 8px;}



/* READ MORE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* TEXT SHOW & HIDE */
#showText, #hideText {
	text-decoration: underline;
	font-weight: bold;	
}

#showText, #hideText {
	text-decoration: underline;
	font-weight: bold;
	
}

#showText:hover, #hideText:hover, #showText:focus, #hideText:focus {
	background: #016161;
	border-color: transparent;
	color: #FFF;
}


#showText.read-btn-text-link, #hideText.read-btn-text-link {
    color: inherit;
	font-weight: bold;
    border: none;
    background-color: transparent;
    padding-left: 0;
}

#showText.read-btn-text-link:after{
    content: "..."
}

#hideText.read-btn-text-link:before {
    content: "x "
}

/* Text Container */
#addContText {display: none;}


/* Read More Container & Buttons */
.more-btn-container {
	text-align: end;
}

.more-btn-container p,
.more-btn-container ul {
	text-align: left;
}

.more-btn-container button {
	margin: 5px 5px 20px;
	color: #FFF;
	text-decoration: none !important;
	background-color: #224273;
	border: transparent;
	font-weight: normal !important;
	padding: 5px 15px;
}


/* CS WIDGET ALL PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#csWidgetCont .searchWidgets {
	/* margin-top: -4px; */
}

.searchWidgets .row {
	margin-left: 0;
	margin-right: 0;
}


/* FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label {font-weight: bold;}

.label-text {
	color: #606060;
}


/* PAGE CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-cont {
	margin-top: 20px;
}

.page-cont-img {
	margin-bottom: 15px;
}

.page-cont a {
	color: #0059b3;
}

.page-cont a.btn-primary {
	background-color: #0973ba;
	color: #FFF;
}

.page-cont a.btn-primary:hover {
	background-color: #07578d;
	text-decoration: none;
}


/* BREADCRUMB NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	float: right;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item {
  	padding-left: 5px;
}

.breadcrumb-item + .breadcrumb-item::before {
  	padding-right: 5px
}


/* IUBENDA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.iub__us-widget {
	margin-bottom: 20px;
}

.iub__us-widget__wrapper {
	border: 1px solid rgb(89, 89, 89, .5);
}

.iub__us-widget__link {
	font-weight: normal;
}

.iub__us-widget__link:hover {
	background-color: #f6f6f6 !important;
}


/* CRITEO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.criteo-ad {z-index: 1;}


/* ADDITIONAL LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.addLinks-container {
	/* margin-top: 25px; */
}

.clpage-links {
	background-color: rgb(1, 97, 97, 0.05);
	border: 1px solid #ddebeb;
  	padding-top: 10px;
  	padding-bottom: 10px;
}

.clpage-links p {
	text-align: center;
	color: #016161;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 0;
}

.clpage-links .nav-item {
	border-right: 1px solid rgb(1, 97, 97, 0.3);
}

.clpage-links .nav-item:last-child {
	border-right: none;
}

.clpage-links .nav-link {
	padding: 0 8px;	
}

.clpage-links .nav-link:hover {
	text-decoration: underline;
}


/* CALL OUT BOXES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* YELLOW Callout Box */
.yellow-callout {
	background-color: rgb(254, 255, 222, 0.3);
  	border: 1px solid #ede341;
  	padding: 15px;
}

.yellow-callout h2 {
	font-size: 28px;
}

.yellow-callout h3 {
	font-size: 24px;
}

.yellow-callout .modal-link {
	color: #0059b3;
	text-decoration: none;
}

.yellow-callout .modal-link:hover {
	text-decoration: underline;
}

/* TEAL Callout Box */
.teal-callout {
	background-color: rgb(1, 97, 97, 0.05);
  	border: 1px solid #ddebeb;
  	padding-top: 10px;
  	padding-bottom: 10px;
}

.teal-callout .modal-link {
	color: #0d6efd;
	text-decoration: none;
}

.teal-callout .modal-link:hover {
	color: #0b5dd6;
	text-decoration: underline;
}

/* GRAY Callout Box */
.gray-callout {
	background-color: #f6f6f6;
	padding: 15px;
}

/* LIGHT BLUE Callout Box */
.lightBlue-callout {
	background-color: rgb(52, 152, 219, 0.05);
	border: 1px solid rgb(52, 152, 219, 0.4);
	padding: 15px;
}

.gray-callout a,
.lightBlue-callout a {
	color: #0d6efd;
	text-decoration: none;
}

.gray-callout a:hover,
.lightBlue-callout a:hover {
	color: #0b5dd6;
	text-decoration: underline;
}


/* CALL OUT BOXES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#kidCruiseInfo .accordion-body ul {
	margin-left: 15px;
	margin-bottom: 0;
}


/* ZOOM CHAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.livesdk__Draggable.bottom-right {
	bottom: 50px !important;
}

.livesdk__invitation,
.livesdk__invitation svg,
.livesdk__invitation:active, 
.livesdk__invitation--open {
    background: rgb(204, 102, 51) !important;
}


/* DIVIDERS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.divider {
	width: 100%;
	border-top: 1px solid #d7d7d7;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA QUERIES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MOBILE */
@media (max-width: 575px) {
	/* general */
	h1 {font-size: 30px;}
	h2 {font-size: 26px;}
	h3 {font-size: 24px;}
	h4 {font-size: 22px;}
	h5 {font-size: 20px;}
	
	/* header */
	.brand {
		margin-right: 10px;
	}
	
	.emailMobile {margin-left: -10px;}
	.emailMobile, .phoneMobile {
		margin-right: 8px; 
		margin-top: 8px;
	}
	
	.chatMobile {
		margin-top: 8px;
	}
	
	/* toggler (navigation) */
	.header-content .navbar-toggler {margin-top: 8px;}
	
	#brandIcons a img {
	  	max-height: 30px;
	  	width: auto;
	}	
	
	/* navigation */
	#mainNav {
		width: 65%;
  		box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 1pc 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
  		-webkit-transform: translateZ(0);
  		transform: translateZ(0);
  		-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
  		transition-timing-function: cubic-bezier(.4,0,.2,1);
  		position: absolute;
  		z-index: 2;
	}
}



@media (min-width: 576px) {
	/* global links */
	.global-links li:last-child {margin-right: 0;}
}



/* MOBILE TO TABLET */
@media (min-width: 576px) and (max-width: 767px) {
	/* header */
	.brand {
		/* margin-right: 25px; */ 
	}
	
	.emailMobile, 
	.phoneMobile,
	.chatMobile {
		/* margin-right: 15px;*/
		padding-left: 0;
		padding-right: 5px
	}
}	


@media (min-width: 576px) and (max-width: 991px){
	/* navigation */
	#mainNav {
		width: 50%;
  		box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 1pc 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
  		-webkit-transform: translateZ(0);
  		transform: translateZ(0);
  		-webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
  		transition-timing-function: cubic-bezier(.4,0,.2,1);
  		position: absolute;
  		z-index: 2;
	}
}	


/* BEFORE TABLET BREAKPOINT */
@media (max-width: 767px) {
	/* global links */
	.global-links {padding-top: 5px;}
	
	/* header 
	.brand {
		margin-right: 15px; 
	}*/	
	
		
	/* Mobile Hidden */
	.hide-mobile {display: none;}	
	
	/* counter */
	.counter .alert > div {
		display: block;
		width: 100%;
		text-align: center;
	 }
	
	.counter .clLogo {
		padding-bottom: 5px;
	 }
	
	.counter .clLogo img {
		max-width: 150px;
	 }
	
	.counter .saleLength {
		border-right: none;
	 }
	
	.counter .saleOffer {
    	font-size: 20px;
		padding-top: 5px;
  	}
	
	.counter .countUnits {
    	float: none;
  	}	
}


/* TABLET */
@media (min-width: 768px) {	
	/* counter */
	.counter .units {display: inline;}	
}


/* TABLET (TWEAK) */
@media (min-width: 768px) and (max-width: 991px) {
	/* global links */
	.global-links {padding-top: 12px;}
	.global-links li {margin-left: 0;}
	
	
	/* counter */
	.counter .alert {
  		padding: 0 5px 5px;
	}
	
	.counter .saleLength {
		font-size: 18px;
	}

	.counter .saleOffer {
		font-size: 16px;
	}
	
	.countUnits .count-days, 
	.countUnits .count-hours, 
	.countUnits .count-minutes {
  		font-size: 20px;
	}
	
	.countUnits .units-days, 
	.countUnits .units-hours, 
	.countUnits .units-minutes {
  		font-size: 12px;
	}		
}


@media (min-width: 992px) and (max-width: 1199px) {
	/* navigation */
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 15px;
	}	
}


@media (max-width: 991px) {	
	/* general */
	body {
		padding-bottom: 30px;
	}	
	
	/* join alert */
	#joinAlert {
		margin-bottom: 20px;	
	}
		
	/* header */
	.brand {text-align: center;}
	
	/* footer */
	#emailFooter{
		padding-top: 15px;
	}
	
	#emailFooter div {
		position: relative; 
	}
	
	#emailFooter .alert-light {
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 2px solid rgba(0, 123, 255, .25);
		background-color: rgba(34, 66, 115, 0.92);
	}
	
	#edealsForm .row > div:first-child {
		color: #FFF;
	}
	
	#edealsForm input {
	  	padding: 5px;
	}
	
	#edealsForm .inputs-list label {
		color: yellow;
	}
	
	/* social icons */	
	#emailFooter .social-icons {
		margin-top: 0;
		text-align: center; 
		margin-bottom: 15px;
		padding-bottom: 15px;
		/* border-bottom: 1px solid #DDD; */
		border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	}
	
	/* email sign-up */
	#edealsForm .row > div:first-child {
		text-align: center;
		padding-bottom: 5px;
		margin-top: 0;
	}
	
	
	/* navigation */
	#mainNav .navbar {
		padding-left: 0; 
		padding-right: 0;
	}
	
	#mainNav .navbar-nav .nav-link {
		padding-right: 15px; 
		padding-left: 15px;
		text-transform: uppercase;
	}
	#mainNav .navbar-nav .nav-link:focus {
		/* font-weight: bold; */
	}
	
	#mainNav .dropdown-menu {
		margin-top: 0;
	}
	
}

@media (min-width: 992px) {
	/* global links */
	.global-links li {margin-right: 10px;}	
		
	/* navigation */
	#mainNav .nav-mobile-icon {
		display: none;
	}
}



/* TABLET - LANDSCAPE */
@media (min-width: 1024px) {}


/* DEKSTOP AND LARGE SCREENS */
@media (max-width: 1199px) {}

@media (min-width: 1200px) {
	/* global links */
	.global-links li {
		/* margin-left: 15px; 
		margin-right: 15px; */
		margin-left: 4px; 
		margin-right: 3px;
	}
	
	/* navigation */
	.navbar-nav > li {
		margin-right: 5px;
	}	
	
}


/* EXTRA LARGE SCREENS */
@media (min-width: 1400px) {}



/* PRINT SETTINGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media print and (orientation: portrait) {}

@media print and (orientation: landscape) {}

@media print {
	/* zoom chat icon */
	.livesdk__Draggable {
		display: none;
	}
	
	/* counters */
	.counter {
	  display: none;
	}
	
	/* footer */
	#emailFooter {
		display: none;
	}
	
	@page {
		size: 330mm 427mm;
		margin: 5px;
	}
	
	.grid-container {
		width: 2000px;
	}
	
}