/*********************************************************
                 STATIC PAGE STYLING
*********************************************************/
#footer-banner-page #footer {margin-top: 0;}

/*********************************************************  10 Steps Page  *********************************************************/
#content-wrapper {
    background-color: #f2f2f2;
    padding-bottom: 5em /* 80/16 */;
    padding-top: 3.125em /* 50/16 */;
}

.step-container {background-color: #fff; margin-bottom: 20px;}
.step-container a:hover {text-decoration: none;}
.step-header {position: relative; min-height: 90px; height: auto !important; height: 90px;}
.numbering {width: 3.75em; background-color: #dd4a4d; text-align: center; float: left;  bottom: 0; left: 0; position: absolute; top: 0;}
.numbering h1 {line-height: 90px; color: #fff; font-size: 2.375em; font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;}
.step-title {width: 495px; width: calc(100% - 60px); float: right; padding: 19px 36px 18px 20px;}
/*.step-title.one-line > h3 {line-height: 53px;}*/
.arrow-indicator {width: 34px; height: 34px; position: absolute; top: 0; right: 0; border-left: 1px solid #d7d9e0; border-bottom: 1px solid #d7d9e0;}
.arrow-indicator [class^="icon-angle-"] {color: #ea2d30; font-size: 23px;}

.step-content {padding: 25px 20px;}

#step-header > div > div:first-child h1 {font-size: 10em; line-height: .85;}
#subtitle {font-size: 1.5em; font-weight: 300; line-height: 1.17;}

#footer-banner-steps {background: url(../images/banner-10steps.jpg) center 0 no-repeat;}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	/* Styles */
	.numbering {position: absolute; top: 0; left: 0; bottom: 0;}
	.numbering h1 {line-height: 65px;}
}


@media (max-width: 992px) {
	#step-header > div > div + div > div > div > h1 {font-size: 8em;}
	#step-header > div > div + div > div > div + div > h1 {font-size: 3em;}
}

@media (max-width: 599px) {
	.numbering {position: absolute; top: 0; left: 0; bottom: 0;}
	.numbering h1 {line-height: 65px;}
	
	#step-header > div > div + div > h1 {font-size: 2.5em;}
	
	/*#step-header > div > div + div > div > div > h1 {font-size: 64px;}
	#step-header > div > div + div > div > div + div > h1 {font-size: 24px;}*/
	
	#step-header > div > div:first-child + div p {font-size: 1.125em;}
	
	.step-title h3 {font-size: 1.25em;}
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	.numbering {width: 5.625em;}
	.numbering h1 {font-size: 3em;}
	.step-title {width: 465px; width: calc(100% - 90px); float: right; padding: 19px 36px 18px 20px;}	
}

/*********************************************************  Pre-cruise Checklist  *********************************************************/
#footer-banner-checklist {background: url(../images/banner-precruise.jpg) center 0 no-repeat;}

/*********************************************************  Privacy Statement  *********************************************************/
#privacy-list > div {margin-top: 1.875em;}
#privacy-list > div:first-child {margin-top: 0.9375em;}
#privacy-list h4 {margin-bottom: 0.625em;}

/*********************************************************  Terms & Conditions  *********************************************************/
#terms-list > div {margin-top: 1.875em;}
#terms-list > div:first-child {margin-top: 0.9375em;}
#terms-list h4 {margin-bottom: 0.625em;}
#terms-list p {margin-bottom: 20px;}


/*********************************************************  Contact Page  *********************************************************/
#map_canvas {width: 100%; padding-bottom: 5%; margin-bottom: 1.875em;}
.gmnoprint, .gm-style-cc {display: none;}
#contact-container.white-bg-col > div {padding: 30px;}
/*.gm-style-iw {width: 300px !important;}*/

@media only screen 
and (min-width : 600px) 
and (max-width : 1024px) {
	#map_canvas {padding-bottom: 5%;}
}

@media only screen 
and (min-width :480px) 
and (max-width : 1024px)
and (orientation : landscape) {
	#map_canvas {padding-bottom: 5%;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	#contact-container.white-bg-col > div > div {padding-top: 8px;}
	#contact-container.white-bg-col > div > div:first-child + div {border-left: 2px solid #dfe0e3; padding-left: 30px; min-height: 235px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) {
	#map_canvas {padding-bottom: 5%;}
}



@media (max-width: 768px) {
	
}

/*********************************************************  Sitemap  *********************************************************/
#site-map {padding: 35px 20px 20px;}
#site-map > div {padding: 0 0 15px;}

.sitemap-links {list-style: none; padding-left: 20px; position: relative;}
.sitemap-links li {color: #0f4b90;}
.sitemap-links li a:hover {color: #3f4148;}
.sitemap-links > li:before {
    color: #ea2d30;
    content: "\e802";
    font-size: 1.4em;
    left: -10px;
    position: absolute;
    top: -2px;
	margin-right: 10px;
}

.sitemap-links > li {font-weight: 600;}
.sitemap-links > li > ul {list-style: none; padding-left: 0; font-weight: 400; margin-top: 10px; font-size: 0.875em;}
.sitemap-links > li > ul > li {line-height: 1em; margin-bottom: 8px;}

#social-media-list {font-size: 1.125em;}