body { padding: 0; margin: 0; font-family: "Open Sans", Arial, sans-serif; line-height:24px;}
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Header/Footer/CSS Grid System */
/* 1200 Grid */
.header-grid-1, .header-grid-2, .header-grid-3, .header-grid-4, .header-grid-5, .header-grid-6, .header-grid-7, .header-grid-8, .header-grid-9, .header-grid-10, .header-grid-11, .header-grid-12{ margin:10px; float:left;	 display:inline;}
.header-grid-1 {width:80px;}
.header-grid-2 {width:180px;}
.header-grid-3 {width:280px;}
.header-grid-4 {width:380px;}
.header-grid-5 {width:480px;}
.header-grid-6 {width:580px;}
.header-grid-7 {width:680px;}
.header-grid-8 {width:780px;}
.header-grid-9 {width:880px;}
.header-grid-10 {width:980px;}
.header-grid-11 {width:1080px;}
.header-grid-12 {width:1200px;}
.footer-about-us,
.footer-about-us .header-text-justify {margin:0px;}
/* Common styles */
.header-text-right {text-align:right;}
.header-text-left {text-align:left;}
.header-text-center {text-align:center;}
.header-text-justify {text-align:justify;}
#mainpage, .wrapper {width:100%; max-width: 100%;}


/* Header top bar */
.trip-title,
#TripSummary .spc-total-cont .trip-title strong,
.trip-title strong{font-weight:normal;}
#header-top {background-color: #09264d; width:100%; position: relative; height:45px; }
#header-top p {font-weight: 400; color: #fff; font-size:15px; font-family: "Roboto",Arial,Helvetica,sans-serif !important; margin-bottom:0px;}
.header-inner-container {width:1200px; margin:0 auto;}
.footer-bottom .header-text-right {float:right; width: auto;}
.footer-bottom .header-text-right p {float:left; padding-top:8px;}
.footer-bottom .header-text-right>span {float:left; margin:0px 0 0 10px;}
.trip-title {color:#09264D;}
/* Header navbar */
#nav-main {background-color:#fd7600;}
#nav-main .logo {height:44px; margin-top: 5px; margin-bottom: 5px; width: auto; padding: 0px;}

p.phone { color: #4b4b4b; float: right; font-size: 12.8px; margin: 12px 0; padding: 0; width: 16%; }
p.phone span { font-size: 23px; display: block; font-weight: 700; color: #000; margin-bottom: 2px; }
header { font-family: "Open Sans", Arial, sans-serif; }
#wrapper, .content { width: 100%; }
.breadcrumb, .content-area, .pageFooter { width: 1140px; margin: 0 auto; float: none; overflow: auto; }
.wrapper { width: 1200px; margin: 0 auto; display: block; padding: 0 0px; }
#nav-main { background:#fd7600; width: 100%; float: left;}
nav { display: block; }
#header-top h2#logo { float: left; margin: 0; }
#nav-main>ul { border-radius: 3px; width: 1200px; margin: 0 auto; height: 56px; padding-left: 0; padding-top: 0; padding-right: 0; list-style: none; }
#nav-main>ul>li { padding: 0; float: left; position: relative; }
/*#nav-main>ul>li>a:hover { background: #fff; float: left; color: #000 }*/
#nav-main>ul li { list-style: none; }
#nav-main.nav-agent>ul>li:first-child {margin-right: 40px;}
#nav-main.nav-agent>ul>li:first-child:hover {border:none;}
#nav-main.nav-agent>ul>li:first-child>a {padding:0px;}
#nav-main.nav-agent>ul>li:first-child>a:hover { border;none;}
#nav-main.nav-agent>ul>li>a { padding: 18px; }
#nav-main.nav-agent>ul>li:hover {border-top: 3px solid #ffc015;}
li#nav-agent-essentials a.icon-user { width: 143px !important; float: left; }
#nav-main>ul>li>a { float: left; color: #fff; font-size: 15px; text-decoration: none; line-height: initial; padding: 0 20px; height: initial; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in;  background-image: none; font-family: "Roboto",Arial,Helvetica,sans-serif !important; font-size: 14px !important;}
.ico-search:hover { background: url(/Site/creativecruising/images/serch-hover.png) no-repeat 40px, #fff; float: left; width: 15px; color: #000 !important; height: 15px; background-size: 12px; }
#nav-utility { list-style: none; }
.ico-plane { background: url(/Site/creativecruising/images/plane.png) no-repeat 15px; float: left; width: 15px; background-size: 12px; height: 15px; }
.footer-content { border-top: 1px solid #e6e6e6; padding-top: 40px; }
.footer-content p {font-family: "Roboto",Arial,Helvetica,sans-serif !important; font-size: 14.5px !important; color:#fff; line-height:1.6; }
hr {border: 0.5px solid #fc7500; opacity: 0.9; margin-top: 20px; margin-bottom: 20px; width: 100%;}
section { display: block; }
.footer-content>.wrapper>ul>li { margin-bottom: 10px; }
.footer-content>.wrapper>ul, .footer-logos { width: 18.75%; float: left; PADDING: 0; MARGIN: 0; list-style: none; }
.footer-content>.wrapper>ul>.link-category a { text-transform: uppercase; font-weight: 700; }
.footer-logos { width: 25%; float: left; }
.footer-logos ul li { display: inline; width: 41px; }
.footer-content { color: #000; }
.squareicon i { margin: 5px; }
p.phone label { float: left; width: 100%; }
.footer-content a { color: #fff; font-size: 15px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-family: "Roboto",Arial,Helvetica,sans-serif !important; text-decoration: none;}
.menu_cont { display: none; }
#nav-main>ul>li>div { position: absolute; left: 0; top: 43px; display: none; background: #fff; padding: 20px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); overflow: hidden; z-index: 9999; }
.nav-box-small { width: 200px; }
.nav-box-small ul { padding: 0; margin: 0; }
.nav-box-small ul li a { font-size: 12px; color: #000; text-decoration: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-align: left; }
li#nav-fly:hover .nav-box-small { display: block; }
.footer-logos ul { padding: 0; }
.squareicon {display: inline-flex; border-radius: 30px !important; }
/* Footer */
.pageFooter {width:100%;}
.footer-content { font-family: "Roboto",Arial,Helvetica,sans-serif !important;}
.footer-top {
background: #09264d url(https://www.cruisexplore.com/wp-content/uploads/2017/09/white-wall.png) repeat repeat !important;
border-top: 6px solid #fc7500; border-bottom: 6px solid #fc7500; background-color: #09264d;padding: 50px 10px; margin: 0px 0px !important; float: left; width: 100%;}
.footer-content H3 {font-weight: bold !important; color: #fff; font-weight: bold !important; margin: 10px 10px 20px 10px; font-family: "Roboto",Arial,Helvetica,sans-serif !important; font-size: 20px; margin-left:0px;} 
.footer-content h2 { background-color: transparent; color: #fc7500; font-weight: bold; padding: 10px 0px; font-size: 14px; font-family: "Roboto",Arial,Helvetica,sans-serif !important;}
.footer-content .footer-link { color:#ffffff; display: block !important; font-size:14px; } 
.footer-content .footer-link:hover { color: #fc7500; }
.footer-bottom {background-color:#000; width:100%; float:left; border:0px;}
.footer-bottom {font-size: 17px; color: #fff; text-align: left; padding:10px;}
.footer-bottom p {font-size: 17px !important; line-height: 1.6;}
 @media all and (min-width: 320px) and (max-width: 767px) {
#content {width:100%;}
header { display: none }
.pageFooter { width: 100%; overflow: hidden; }
.wrapper { width: 100%; box-sizing: border-box; }
/*-----------------------Do not Delete this header code for responsive -----------------------*/
.menu_cont { display: block; position: fixed; z-index: 650; background-color: #fff; padding: 0 0px 0px; width: 100%; }
.tabbox { margin-top: 9px; }
.price-info-mo { margin-top: 48px; }
.flresult-list.flight-info-mo { margin-top: 38px; }
.tabbox #Matrix { margin-top: 60px; }
.top-bar label { display: block; width: 100%; position: inherit; padding: 6px 12px 0; color: #204499; background: url(../images/menu-bg.png) no-repeat 17px 19px #fd7600; font-size: 2.6em; text-align: left; line-height: 1.3; }
.nav1 { background: #09264D none repeat scroll 0 0; display: block; height: 100%; left: 0; list-style: outside none none; position: fixed; top: 0; width: 250px; z-index: 13; }
.nav1 li a { border-bottom: 1px solid #2d333d; color: #fff; display: block; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 2.6em; overflow: hidden; padding: 0 5px 0 25px; list-style: none; text-decoration: none; }
/*-----------------------Do not Delete this header code for responsive -----------------------*/
.footer-content>.wrapper>ul, .footer-logos { width: 100%; }
.menu_cont { display: block; }
.pageHeader { margin-bottom: 12px !important; }
.menu_cont label#toggle { text-align: center; width: 100%; float: left; box-sizing: border-box; }
.menu_cont label#toggle img { width: 170px !important; margin-top: 3px; }
}
 @media all and (min-width: 768px) and (max-width: 1024px) {
.breadcrumb, .content-area, .pageFooter { width: 100%; }
#nav-main>ul { width: 100%; }
.wrapper { width: 100%; box-sizing: border-box; }
header { display: none }
/*-----------------------Do not Delete this header code for responsive -----------------------*/
.menu_cont { display: block; position: fixed; z-index: 650; background-color: #fff; padding: 0 0px 0px; width: 100%; }
.tabbox { margin-top: 9px; }
.price-info-mo { margin-top: 48px; }
.flresult-list.flight-info-mo { margin-top: 38px; }
.tabbox #Matrix { margin-top: 60px; }
.top-bar label { display: block; width: 100%; position: inherit; padding: 6px 12px 0; color: #204499; background: url(../images/menu-bg.png) no-repeat 17px 19px #fd7600; font-size: 2.6em; text-align: center; line-height: 1.3; }
.nav1 { background: #09264D none repeat scroll 0 0; display: block; height: 100%; left: 0; list-style: outside none none; position: fixed; top: 0; width: 250px; z-index: 13; }
.nav1 li a { border-bottom:1px solid #ffffff50; color: #fff; display: block; font-family: "Open Sans", sans-serif; font-size: 12px; line-height:40px; overflow: hidden; padding: 0 5px 0 25px; list-style: none; text-decoration: none; text-transform:uppercase}
.nav1 li a:hover {color:#09264D; background:#fc7500; border:color:#fc7500;}
/*-----------------------Do not Delete this header code for responsive -----------------------*/
#nav-main.nav-agent>ul>li>a { width: inherit; }
.footer-content>.wrapper>ul, .footer-logos { width: 32.75%; }
.menu_cont label#toggle img {max-width: 200px !important; margin-top: 0px; max-height: 40px; }
}


/* New Changes Testing */

.package-details .package-departure-details p {
	background: #0978bd !important;
}
#TripSummary .spc-total-cont .trip-total {background:#09264D;}

@media (min-width: 320px) and (max-width: 767px) {
	.footer-bottom .header-text-right p,
	.footer-bottom .header-text-right span {width:100%; text-align: center; margin-top: 10px;}
	.footer-bottom .header-text-right span a {display:inline-block;}
	.footer-content.footer-top .wrapper .header-grid-2 {padding:10px; margin:0px; width:100%;}
	.header-grid-5,
	.header-grid-6 {width:100%; margin: 0px;}
	.footer-bottom .header-grid-6 {text-align:center; padding:20px 0; width:100%;}
	.footer-bottom .wrapper .header-grid-12 .header-grid-5>div{text-align:center!important; padding-top:10px;}
	.header-grid-6,
	.header-grid-12,
	.footer-about-us {width:100%;}
	.header-grid-2 {max-width:50%;}
	.header-grid-12 {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	.header-grid-12 h3 {margin-left:0px;}
	.header-inner-container {width:100%;}	
	.breadcrumb, .content-area, .pageFooter {width:100%; border-radius:0px;}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.header-grid-5,
	.header-grid-6 {width:50%; margin: 0px; padding-bottom:10px;}
	#header-top .header-grid-12 {padding:10px;}
	.header-grid-12,
	.footer-about-us {width:100%;}
	.header-grid-2 {width: 25%; padding: 0px; margin: 0px;}
	.header-grid-12 {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	.header-grid-12 h3 {margin-left:0px;}
	.footer-content H3 {margin-left:0px;}
	.header-inner-container	{width:100%;}
	.breadcrumb, .content-area, .pageFooter {width:100%; border-radius:0px;}
}

/* Header/Footer/CSS Grid System */

.package-details .package-departure-details p {
	background: #0978bd !important;
}
.supp-payment-title-table, .supp-payment-title-table:hover
{
background: #0978bd !important;
}

button.next {float:right !important;}

.btn-container .secondary-btn 
{

background: #09264d !important;
color: #ffffff !important;
border: none !important;
}