@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400,500,700&display=swap);
@import url("font-awesome.min.css");
@charset "UTF-8";
/*
*************************** 
Override Bootstrap Classes 
***************************
*/

/* Part 1 */

/* Links 

a:hover,
a:focus {
  color: darkorange;
  text-decoration: underline;
}
*/
/* Navbar */
/*.navbar-default {
	background-color: #000;
	font-size: 20px;
	font-weight: 600;
}*/
.navbar-default .navbar-brand {
  color: #0036D9;
/*  color: #dd845a; */
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: sienna;
  background-color: transparent;
}
@media (max-width:996px) {
	.navbar-default {
/*	background-color: #000; */
	font-size: 30px;
	font-weight: 700;
}
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
}
/* Primary Buttons */
.btn-primary {
  color: #fff;
  background-color: orange;
  border-color: orange;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:hover {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: darkorange;
  border-color: darkorange;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: sandybrown;
  border-color: sandybrown;
}




/* part 2 */


body {
	background-image: url(../images/mt_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #333333;
	padding-top: 0px;
	padding-right: 0pt;
	padding-bottom: 20px;
	padding-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	background-position: center center;
	font-family: 'Oxygen', sans-serif;
	
}
 /*html{ font-size: 22px; }
body { padding: 1rem; }
*/
.card {
	background-color: #f5f8fd;
	height: auto;
/*	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem; */
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	overflow: hidden;
	display: flex;
  flex-direction: column; /* Stack items vertically */
  height: 100%; /* Ensure the card takes up available height in a grid/flex layout */
}
.card_celeb {
	background-color: #f5f8fd;
	height: auto;
/*	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem; */
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	overflow: hidden;
display: flex;
  flex-direction: column; /* Stack items vertically */
  height: 100%; /* Ensure the card takes up available height in a grid/flex layout */
}
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}

.card-footer-or-button {
  margin-top: auto; /* Pushes the element to the bottom of the card */
  background: #EEE;
}
.cards {
  max-width: 1400px;
      margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  display: grid;
  grid-gap: 1.0rem;
  }
.cards-vid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-gap: 0.5rem;
 
}
.cards-body {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}
.column_card {
	float: left;
	/*	width: 45%;*/
	/*width: 300px;*/
	padding-top: 0px;
	/*	padding-right: 10px; */
	padding-bottom: 0px;
	background-color: #f5f8fd;
	/*	padding-left: 30px;  height: 300px;  Should be removed. Only for demonstration */
}

/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
  .cards-vid { grid-template-columns: repeat(1, 1fr); }
.cards-body { grid-template-columns: repeat(2, 1fr); }
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
}

 /*Screen larger than 900px? 3 columns */
@media (min-width: 1100px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
  .card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
 }
@media (min-width: 1200px) {
  .cards { grid-template-columns: repeat(4, 1fr); }
  .cards-vid  { grid-template-columns: repeat(2, 1fr); }
  .cards-body { grid-template-columns: repeat(2, 1fr); }
  .card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
}

/* price panel */


.card-1 {
/*	height: 3.0rem;
	width: 160px;*/
	background-color: rgba(0,102,255,0.8);
	border-radius: 12px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.card-2 {
/*	height: 3.0rem;
	width: 160px;*/
	background-color: rgba(55, 182, 147, 0.8);
	border-radius: 12px;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.card-3 {
	/*	height: 3.0rem;
width: 160px;*/
	background-color: rgba(255, 0, 0, 0.8);
	border-radius: 12px;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.card-vid {
	padding: 0.5rem;
/*	height: 20.0rem; */
	/*width: 550px;*/
	background-color: #fff;
	
}
.cards-action p {
	font-size: 22px;
	text-align: center;
	line-height: 1.0;
	
}
.cards-action {
	max-width: 650px;
	display: grid;
	gap: 0.8rem;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 5px;
	
}




@media (min-width: 900px) {
  .cards-action { grid-template-columns: repeat(3, 1fr); }
  .cards-body { grid-template-columns: repeat(2, 1fr); }
  .card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
  }
   .page_brochure {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	  }
}
 a.buy:link, a.buy:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size:20px;
		}
a.buy:hover {
	color: #FC0;
	text-decoration: none;
	font-weight: bold;
	font-size:20px;
	}

/*.box {
	width: 100%;
	background-size: cover;
	width: 100vw;
	min-width: 100%;
	background-image: url(../images/buddy_group_1840x512.jpg);
	background-repeat: no-repeat;
    } */
	
	.header_holder {
	/*height: 18vmin;*/
    width: 100%; /* fall back */
  /*  width: 100vw;*/
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
	background-image: url(../images/banner_1800_115px.png);
}
	
	
	
	.box {
		
	height: 20vw;
    width: 100%; /* fall back */
    width: 100vw;
    background-position:left top;
    background-image:url(../images/can_alas_2023_1020_284px.jpg);
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
		
		}
		
		
		
		.box_2  {
		
	height: 20vw;
    width: 100%; /* fall back */
    width: 100vw;
    background-position:left top;
    background-image:url(../images/juke_joint.jpg);
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
		
		}
		
		
				.box_3  {
		
	height: 20vw;
    width: 100%; /* fall back */
    width: 100vw;
    background-position:left top;
    background-image:url(../images/stax.jpg);
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
		
		}
		
		.box_4 {
		
	height: 20vw;
    width: 100%; /* fall back */
    width: 100vw;
    background-position:left top;
    background-image:url(../images/new_orleans_1800x515.jpg);
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
		
		}
		
		
		
		.box_nav {
	/*height: 3vw;*/
	width: 100%; /* fall back */
	width: 100vw;
	background-color: #ccc;    
		
		}
	
		@media (max-width: 2400px) {
  h4 { font-size: 24px;  
  letter-spacing: 0.4pt;
  }
  h6 {
	  font-size: 18px;
	  margin-bottom: 10px;
	  color: #282878;
	  letter-spacing: 1px;	  
  }
  	h6.celeb {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #282878;
	text-align: center;
	    }
  .bio {
	  font-family: 'Oxygen', sans-serif;
	line-height: 1.3;
	font-size: 16px;
	color: #282878;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;
	}
	
}
	@media (max-width: 1200px) {
 h4 { font-size: 24px;  
 letter-spacing: 0.4pt;
 }
 .bio {
	 font-family: 'Oxygen', sans-serif;
	line-height: 1.0;
	font-size: 16px;
	color: #282878;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
		  h6 {
	  font-size: 24px;
	  margin-bottom: 10px;
	  color: #282878
	    }
		h6.celeb {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #282878;
	text-align: center;
	    }
		p.offers {
	margin-bottom: 0;
	/*	list-style: none; */
	color: #282878;
	line-height: 1.35;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
	.card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
  .offers::before {
	    content: "Includes";
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
}
.offer_highlights::before {
	content: "Highlights";
	margin-bottom: 10px;
	margin-left: 0px;	
	font-size: 22px;
	display: inline-block;
    font-weight: 700;
	color: #282878;
}
	}
	@media (max-width: 991px) {
 h4 { font-size: 24px;  }
 .offer_highlights_list {
/*	margin-bottom: 0;*/
	padding-left: 15px;
	/*	list-style: none; */
	color: #282878;
	line-height: 1.2;
	font-size: 15px;
}
.bio {
	font-family: 'Oxygen', sans-serif;
	line-height: 1.0;
	font-size: 16px;
	color: #282878;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
}
		@media (max-width: 576px) {
 h4 { font-size: 26px;  
 letter-spacing: 0.4pt;
 }
 .card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This is the key property */
}
}

/*@media (max-width: 1400px) {
 h4 { font-size: 2.2vw;  }
}
@media (max-width: 1800px) {
 h4 { font-size: 1.3vw;  }
}

@media (min-width: 2100px) {
 h4 { font-size: 1.4vw;  }
}

@media (max-width: 2500px) {
 h4 { font-size: 3.5vw;  }
}
*/


section {
	
	padding: 5px;
	background: rgba(255, 255, 255, 0.65);
	width: 70%;	
	margin-right: auto;
	margin-left: auto; 
}

	.header_right {
	text-align: right;
	padding-top: 10px;
	float: right;
	margin-right: 8.0vw;
	height: 6vw;
	
}
.header_left {
	float: left;
	width: 25vw;
	height: 9vw;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.header_contacts {
    font-size: 15px;
    display: inline-block;
    text-align: right;
    min-width: 200px;
    vertical-align: top;
    line-height: 1.5;
	color: #FFF;
}

.header_contact_title {
    text-transform: uppercase;
}

 a.email:link, a.email:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	}
a.email:hover {
	color: #FC0;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	}
	
	
/*	@media (max-width: 1200px) {
 .header_contacts {
    font-size: 12px;
    display: inline-block;
    text-align: right;
    min-width: 200px;
    vertical-align: top;
    line-height: 1.2;
	color: #FFF;
}

}*/
	
@media (max-width: 996px) {	
	.header_holder {
	height: 25vmin;
	background-image: url(../images/banner_1800_200_smaller.png);
	
	}
	
/*	p {
		font-size: 28px;
		} */
		
		.form-control::-moz-placeholder {
color:#999;
opacity:1;
font-size: 20px;
}
.form-control:-ms-input-placeholder {
color:#999;
font-size: 20px;
}
.form-control::-webkit-input-placeholder {
color:#999;
font-size: 20px;
}
}
	
	.new_grid-container {
/*	display: grid; */
	grid-template-columns: auto auto auto;
	/*background-color: #2196F3;*/
/*	padding: 10px;*/
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	
	}
.new_grid-item {
	background-color: rgba(0, 0, 0, 0.8);
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	/*width: 50%;*/
	/*height: 50px;
	line-height: 45px; */
	text-decoration: none;
	/*margin-top: 10px;*/
	margin-right: auto;
	/*margin-bottom: 10px;*/
	margin-left: auto;	
}
p.one {
	word-spacing: 0px;
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  display: inline-block;
  text-align: left;
}

li.menu {
	float: left;
	width: 180px;
	font-size: 20px;
}

li a:link {
  display: block;
  color: white;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
	background-color: #09F;
}
li a:visited {
  
  color: white;
 
 
 
}

div.menu_x {
	text-align: center;
	background-color: #333;
}

@media (max-width: 1200px) {
  li.menu {
	float: left;
	width: 130px;
	font-size: 15px;
  }
}
/* jules*/
.center-pic {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.footer-page {
	background-color: #333;
	padding-right: 50px;
	padding-left: 50px;
}
.footer-page img {
	display: none;
}
.ftr-1 {
	height: 170px;
	float: left;
	background-color: #333;
	width: 50%;
	background-image: url(../images/music_tours_logo_sm.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 25px;
	padding-bottom: 25px;
}
.ftr-2 {
	margin: auto;
	height: 170px;
	float: right;
	background-color: #333;
	width: 50%;
	background-image: url(../images/travelrite_logo.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) {
	 .page_brochure {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	  }
}
/* this muck's up the cols*/
@media (max-width: 1200px) {
 /* .card p { font-size: 24px; } */
  .card li  { font-size: 24px; } 
  .page {
	  font-size: 16px;
	  font-family: 'Roboto', sans-serif;
	  text-decoration: none;
	  }
	  .page_brochure {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	  }
	
}


/* part 3 */

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/



* { 
  margin: 0; 
  padding: 0; 
}
/* body {
	Location of the image 
  background-image: url(/images/blues_scene.jpg);*/
  
  /* Background image is centered vertically and horizontally at all times 
	background-position: center center;*/
	/* Background image doesn't tile 
	background-repeat: no-repeat;*/
	/* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
	/*background-attachment: fixed;
	 This is what makes the background image rescale based
     on the container's size */
/*	background-size: cover;
	 Set a background color that will be displayed
     while the background image is loading 
  background-color: #464646;

	font-family: 'Roboto', sans-serif;
	
}*/

/* article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; } */

#page-wrap {
	padding: 10px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	/*background-image: url(../images/no_main.jpg);*/
	background-repeat: no-repeat;
  background-size: auto;
}
#page-wrap, #page-wrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*section {
	width: 100%;
	
	margin-right: auto;
	margin-left: auto; 
}*/
.hdr {
	width: 100%;
	/*	background: rgba(255, 255, 255, 0.65);   */
/*	background: #0059B2;  dtp header background colour */
/*	margin-bottom: 10px;	 /* float: right; */
	margin-right: 0px;
	margin-left: 0px;
/*	background-attachment: scroll;*/
/*	background-position: center center; */
	height: 8.0vw;
	background-size: contain;
	margin-top: 0px;
}

section {
	padding: 5px;
	background: rgba(255, 255, 255, 0.65);
	width: 80%;	
	
}

h1 {
	font-size: 40px;
	padding: 20px;
	color: #3778B9;
/*	text-transform: uppercase; */
}
h2 {
	margin-top: auto;
	/*margin-right: 10px;*/
	margin-bottom: auto;
	/*margin-left: 10px;*/
	width: 95%;
	text-align: center;
	color: #3778B9;
/*text-transform: uppercase;*/
}
h3 {
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: auto;
	/*margin-left: 10px;
	width: 100%;*/
	/*text-align: center;*/
	color: #3778B9;
/*	text-transform: uppercase; */
}
h4#centred {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	color: #3778B9;
/*	text-transform: uppercase; */
	letter-spacing: 0.4pt;
}
h4 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	width: 100%;
	text-align: center;
	color: #3778B9;
/*	text-transform: uppercase;*/
	height: auto;
	letter-spacing: 0.4pt;
	font-family: 'Roboto', sans-serif;
}
img {
     max-width: 100%;
	height: auto;
    display: block;  
    margin-left: auto;
    margin-right: auto;
}
.ftr img {
     max-width: 100%;
	height: auto;
   margin-left: auto;
    margin-right: auto;
}

/*.main_pic {
	background-image: url(images/blues_scene.jpg);
	height: auto;
	width: auto;
}*/

.pad     {
	margin-right: auto;
	margin-left: auto;/*	width: 60%;
	height: 66.67vh; 
	background-size: cover;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;*/
	
}

.center {
  display: block; 
  margin-left: auto;
  margin-right: auto;
 
}
/*a, a:link {
color: #06F; 
}*/
a:visited {
	color: #06F;
}
a:hover {
	color: #F30;
}

a:active {
	color: #06F;
}
.page a:hover {
   color:#F00
   font-family: 'Roboto', sans-serif;
}
.page a:visited {
color: #06F;
font-family: 'Roboto', sans-serif;
}
.small_body {
font-size: 12px;
}
.red_txt {
	color: #CC0000;
	text-align: left;
	font-weight: bold;
}

.tour {
	background-color: #C30;
	color: #FFF;
	line-height: 25px;
}
.grid-container {
	display: grid; 
	grid-template-columns: auto auto auto;
	/*background-color: #2196F3;*/
	padding: 10px;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
.grid-item {
	/*background-color: rgba(255, 0, 0, 0.8);*/
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	width: 200px;
	height: 70px;
	/*line-height: 45px; */
	text-decoration: none;
/*	margin-top: 10px;*/
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	
}
  .grid-item-g {
	background-color: rgba(55, 182, 147, 0.8);
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	width: 200px;
	height: 70px;
	text-decoration: none;
 }
 .grid-item-b {
	background-color: rgba(0,102,255,0.8);
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
    width: 200px; 
	height: 70px;
	text-decoration: none;
 }
  a.grid:link, a.grid:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	}
a.grid:hover {
	color: #FC0;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	}
	
	.container-vid {
	position: relative;
	overflow: hidden;
	width: 95%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	margin-right: auto;
	margin-left: auto;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.space {
	background-color: #000;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
	float: left;
	/*	width: 45%;*/
	width: 250px;
	padding-top: 0px;
	/*	padding-right: 10px; */
	padding-bottom: 0px;
	background-color: #f5f8fd;
/*	padding-left: 30px;  height: 300px;  Should be removed. Only for demonstration */
}
.column2 {
	float: left;
	width: 250px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;  /*height: 300px;  Should be removed. Only for demonstration */
	background-color: #f5f8fd;
}
.column_vid {
	float: center;
	width: 95%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;  /*height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */

.row:after {
	content: "";
	display: table;
	clear: both;
	
}
p {
	/*font-family: Roboto;	padding-right: 15px;
	padding-left: 15px;	*/
	font-family: 'Oxygen', sans-serif;	
	padding-right: 15px;
	padding-left: 15px;	
	line-height: 1.55;
	font-size: 18px;
	color: #282878;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 0.25pt;

}
.bio {
	font-family: 'Oxygen', sans-serif;
	line-height: 1.3;
	font-size: 16px;
	color: #282878;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.offers {
	margin-bottom: 0;
	/*	list-style: none; */
	color: #282878;
	line-height: 1.35;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
/*	background:#f2f2f2;*/
	gap: 0em 0.6em;
	}
.offers::before {
	    content: "Includes";
    display: inline-block;
    width: 100%;
  /*  font-size: 14px;*/
    font-weight: 700;
}
.offers li {
	display: inline-block; /* Add horizontal spacing */
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*part 4 */


/*/////////////////////////////////////////////////////////////////////////////
1. Browser Reset
////////////////////////////////////////////////////////////////////////////*/

h2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1em;
	margin: 0 0 .4em;
	font-weight: 700;
	color: #06C;
}
h3 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 .4em;
	font-weight: 400;
	color: #06C;
	line-height: 1em;
}
/*h4 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 .4em;
	font-weight: 500;
	color: #06C;
	line-height: 1em;
}
*/


	header1.major {
		padding-bottom: 0em;
	}

	header1.special {
		margin-bottom: 5.5em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

		header1.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: '';
			height: 7px;
			opacity: 0.1;
			position: absolute;
			top: 4em; /* dtp */
			width: 43%;
		}

		header1.special:before {
			left: 0;
		}

		header1.special:after {
			right: 0;
		}

		header1.special h2 {
			margin-bottom: 0;
		}

		header1.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header1.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 3em;
			width: 100%;
		}

			header1.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}
			/* Icon */

	.icon {
		text-decoration: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			border-radius: 100%;
			display: inline-block;
			font-size: 1.25em;
			height: 2.25em;
			left: 0;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0;
			width: 2.25em;
		}

			.icon.circle:hover {
				top: -0.2em;
			}

			.icon.circle.fa-twitter {
				background: #70aecd;
				color: #fff;
			}

				.icon.circle.fa-twitter:hover {
					background: #7fb7d2;
				}

			.icon.circle.fa-facebook {
				background: #7490c3;
				color: #fff;
			}

				.icon.circle.fa-facebook:hover {
					background: #829bc9;
				}

			.icon.circle.fa-google-plus {
				background: #db6b67;
				color: #fff;
			}

				.icon.circle.fa-google-plus:hover {
					background: #df7b77;
				}

			.icon.circle.fa-github {
				background: #dcad8b;
				color: #fff;
			}

				.icon.circle.fa-github:hover {
					background: #e1b89b;
				}

			.icon.circle.fa-dribbble {
				background: #da83ae;
				color: #fff;
			}

				.icon.circle.fa-dribbble:hover {
					background: #df93b8;
				}

		.icon.featured {
			cursor: default;
			display: block;
			margin: 0 0 1.5em 0;
			opacity: 0.35;
			text-align: center;
		}

			.icon.featured:before {
				font-size: 5em;
				line-height: 1em;
			}

		.icon > .label {
			display: none;
		}
		
	/*	.offer {
	margin-right: auto;
	margin-left: auto;
		} */
		
		.offer_box {
	/*max-width: 335px;*/
	margin-top: 0px;
	margin-right: 0px;
/*	margin-bottom: 25px; */
/*	margin-left: 4px; */
/* float: left; */
	background-color: #f5f8fd;
}
.offer_box_2 {
	/*max-width: 335px;*/
	margin-top: 0px;
	margin-right: 0px;
/*	margin-bottom: 25px; */
	margin-left: 4px;
/*	float: left; */
	background-color: #f5f8fd;
}
.celeb_box {
	/*max-width: 335px;*/
	margin-top: 0px;
	margin-right: 0px;
/*	margin-bottom: 25px; */
	margin-left: 4px;
/*	float: left;*/
	background-color: #f5f8fd;
}
.offer_img {
	min-height: 420px;
	background-color: #fdfdfd;
}
.offer_info {
	background-color: #f5f8fd;
	padding-top: 23px;
	padding-right: 15px;
/*	padding-bottom: 30px; */
	padding-left: 15px;
}
.offer_title {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 17px;
	/*	min-height: 60px; */
/*	text-transform: uppercase; */
	min-height: 52px;
	color: #282878;
}
.offer_celeb {
	font-size: 24px;
	font-weight: bold;
	/*	min-height: 60px; */
/*	text-transform: uppercase; */
	/*min-height: 32px;*/
	color: #3778B9;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
.offer_info_list {
	list-style: none; 
	margin: 0 0 15px;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
    gap: 0em 0.6em;
/*	padding: 10px 16px !important;*/
	}
.offer_info_list li {
/*	display: inline-block; */
/*	width: 100%;*/
	vertical-align: top;
/*	white-space: nowrap; dtp 080525 fixed col width*/
/*	overflow: hidden; */
	text-overflow: ellipsis;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #282878;
}
.offer_info_list li:nth-child(even) {
	/*width: 35%; dtp 080525*/
}
.offer_info_list li span:before {
	width: 30px;
	display: inline-block;
	text-align: left;
}
.offer_info_item {
	font-size: 17px;
	padding-left: 28px;
	position: relative;
	line-height: 1.49;
	margin-bottom: 10px;
}
.offer_info_item.icon-star:before {
	position: absolute;
	top: 3px;
	left: 0;
}
.offer_highlights::before {
	content: "Highlights";
	margin-bottom: 10px;
	margin-left: 0px;	
/*	font-size:16px;*/
	display: inline-block;
    font-weight: 700;
	color: #282878;
}
	
.offer_highlights_2023 {
	margin-bottom: 10px;
	margin-left: 10px;
	
}

.offer_highlights_title {
	margin-bottom: 10px;
	font-size: 18px;
/*	font-size: 17px; */
}
.offer_highlights_list {
/*	margin-bottom: 0;*/
	padding-left: 20px;
	/*	list-style: none; */
	color: #282878;
	line-height: 1.3;
	font-size: 15px;
	letter-spacing: 1px;
}
.offer_highlights_list li {

/*	position: relative; */
}

.offer_highlights_list li:before {
	width: 3px;
	height: 3px;
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	border-radius: 50%;
	content: '';
	background: #282878;
}

.offer_center {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.btn {
	line-height: 3;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
/*	background-color: #282878; */
	text-decoration: none;
	border-radius: 0;
	white-space: normal;
/*	width: 100%; */
/*	padding-top: 10px;
	padding-right: 15%;
	padding-bottom: 10px;
	padding-left: 15%; */
}
.btn:hover {
	background-color: #256db9;
	color: #fff;
}

.btn:visited {
	background-color: #0080FF;
	color: #fff;
}

.btn-red {
	background-color: #0080FF;
}
.btn-red:hover {
	background-color: #282878;
	color: #fff;
}
.book {
	color: #F00;
	padding-top: 10px;
}

.current-tour {
	/*height: 50vmin;*/
    width: 100%; /* fall back */
    max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
/*	margin-top: 10px;*/
	margin-bottom: 10px;
	background-color: #f5f8fd;
 /*   background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;*/
/*	background-image: url(../american_music_tours/images/usa_2023_1020_284px.jpg); */

}
.main_body_text  {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	max-width: 1200px;
	}
	.grid-container {
	display: grid;
	grid-template-columns: 230px auto auto;
	/*background-color: #2196F3;*/
	padding: 5px;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	justify-content: space-evenly;
	}
.grid-item {
/*	background-color: rgba(255, 0, 0, 0.8); */
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	width: 250px;
	height: 50px;
	line-height: 45px;
	text-decoration: none;
}
  .grid-item-g {
	background-color: rgba(55, 182, 147, 0.8);
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	width: 200px;
	height: 50px;
	text-decoration: none;
 }
 .grid-item-b {
	background-color: rgba(0,102,255,0.8);
	/*border: 1px solid rgba(0, 0, 0, 0.8);*/
	padding: 5px;
	color: #FFF;
	font-size: 20px;
	text-align: center; 
	width: 200px;
	height: 50px;
	text-decoration: none;
 }
  a.grid:link, a.grid:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: 700;
	}
a.grid:hover {
	color: #FC0;
	text-decoration: none;
	font-weight: 700;
	}
	#points {
	/*width: 800px;  dtp 25/11/20 */
	margin: 5px;
	padding: 0px;
	list-style-type: none;
}

#points ul li {
	display: list-item;
	list-style-type: none;
	/*font-family: 'Oxygen', Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	color: #282878;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-left: 5px;
	background-image: url(../images/icon_tick.png);
	background-repeat: no-repeat;
	letter-spacing: 1px;
}
#points_sans ul li {
	display: list-item;
	list-style-type: disc;
	/*font-family: 'Oxygen', Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	color: #282878;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 30px;
	background-repeat: no-repeat;
}
#points_r {
	width: 450px;
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	float: right;
}

#points_r ul li {
	display: list-item;
	list-style-type: none;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #06C;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 5px;
	background-image: url(../images/icon_tick.gif);
	background-repeat: no-repeat;
}
.image_bdr {
	padding: 2px;
	border: 1px solid #666666;
/*	margin: 5px; */
}

.image_no_bdr {
	padding: 2px;
	margin: 5px;
}
/*#points {
	width: 700px;  dtp 25/11/20
	margin: 5px;
	padding: 0px;
	list-style-type: none;
} */

/*#points ul li {
	display: list-item;
	list-style-type: none;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 5px;
	background-image: url(../images/icon_tick.png);
	background-repeat: no-repeat;
}*/
#points_r {
	width: 450px;
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	float: right;
}

#points_r ul li {
	display: list-item;
	list-style-type: none;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #06C;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 5px;
	background-image: url(../images/icon_tick.gif);
	background-repeat: no-repeat;
}

h3.special {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	text-align: left;
	}
	h3.special_offer {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3;
	text-align: center;
	background-color: #069;
	font-weight: 600;
	width: 75%;
	margin: auto;
	padding: 10px;
	text-transform: none;
	}
	.ldshp_panel {
		background-color:#069;
		width:100%;
		color: #FFF;
		font-size:16px;
		padding:20px;
		margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	line-height: 25px;
	}
	h2.ldshp {
		text-align:left;
		color:#FFF;
	}
	
	h5 {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1em;
	margin: 0 0 .4em;
	font-weight: 700;
	color: #06C;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	}
	
	#bullets ul li {
	/*display: list-item;*/
	/*list-style-type: none;*/
	/*font-family: 'Oxygen', Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	color: #282878;
	font-weight: normal;
	line-height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/*padding-left: 30px;*/
	margin-left: 25px;

}

.right {
  float: right;
  width: 450px;
  /*border: 1px solid #000;*/
  padding: 0px;
}
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
/*  float: left;*/
  width: 180px;
}
div.gallery:hover {
  border: 1px solid #777;
}
div.gallery img {
  width: 100%;
  height: auto;
  
}
div.desc {
  padding: 20px;
  text-align: left;
  font-size:16px;
  color: #282878;
  line-height: 20px;
}
.rounded-corners {
  border-radius: 25px; /* Adjust the pixel value for more or less rounding */
  border-radius: 20px 20px 0px 0px;
}