@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Raleway', sans-serif;
	font-weight:200;
	background-color:#292a2a;
	color:#fff;
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}

li {
	line-height:22px;
}

h2 {
	text-transform:uppercase;
	font-size:19px;
	font-weight:600;
	color:#999;
	text-align:;
}	

.sectionheader {
	text-transform:uppercase;
	font-size:40px;
	margin-bottom:20px;
}
@media only screen and (min-width: 25em) {
p {
	font-size:1em;
	line-height: 1.4em;
}

.heading {
	text-align:center;
	text-transform:uppercase;
	font-size:60px;
	margin:25px 0 0 0;
}
.subheading {
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	margin:0 0 45px 0;
	color:#FFD700;
}
}

@media only screen and (max-width: 25em) {
	
p {
	font-size:0.9em;
	line-height: 1.2em;
}

.heading {
	text-align:center;
	text-transform:uppercase;
	font-size:35px;
	margin:0;
}
.subheading {
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	margin:0 0 10px 0;
	color:#FFD700;
}

}

#maincontent {
	text-align:center;
}

.panel1 {
		background-color:#292a2a;
		padding:10px 0 45px 0;
		clear:both;
		float:left;
		width:100%;
		background: url(bground.png) no-repeat fixed; 
 		background-size: 100% auto;
}

.panel2 {
		background-color:#fff;
		color:#292a2a;
		padding:45px 0;
		clear:both;
		float:left;
		width:100%;
}
	


@media only screen and (min-width: 52em) {
	.box50 {
	width: 42%;
	text-align:justify;
}
.box50:nth-of-type(1n) {
		float:left;
		padding-left:5%;
		padding-right:0;
}

.box50:nth-of-type(2n) {
		float:right;
		padding-right:5%;
		padding-left:0;

}

.box100 {
	width: 100%;
	clear:both;
}

#centreblock {
	width:70%;
	margin:0px auto;
	text-align:left;
}

.innerrow p {
line-height:1.2em !important;
}

.priceleft {
	float:left;
	width:67%;

}
	
}

@media only screen and (max-width: 52em) {
.box50 {
	width: 90%;
	text-align:justify;
}
.box50:nth-of-type(1n) {
		float:left;
		padding:0 5%;
}

.box50:nth-of-type(2n) {
		float:left;
		padding:0 5%;

}

.box100 {
	width: 90%;
	clear:both;
	margin:0 5%;
}

#centreblock {
	width:90%;
	margin:0px auto;
	text-align:left;
}
.innerrow p {
font-size: 0.8em;
line-height:1.3em !important;
}
	
.priceright {
	width: 40px !important;
}	
	.priceright .title {
font-size: .7em;
}

.recommended {
	width:300px !important;
}

.priceleft {
	float:left;
	width:70%;

}
	
}





.priceright {
	float:right;
	width: 60px;
	text-align: center;
}
.priceright .title {
line-height: 17px;
}
.row {
	clear:both;
	border-bottom:1px dotted #666;
	min-height: 38px;
    padding-bottom: 16px;
}
.innerrow {
	clear:both;
	min-height: 30px;
    padding-bottom: 3px;
}
.innerrow-title {
	clear:both;
	min-height: 60px;
	border-bottom:1px solid #333;
    padding-bottom: 12px;
}
.innerrow p {
line-height: 0.5em;
}

.copyright {
	margin:30px 0px;
	color:#999;
	font-size:11px;
}



blockquote {
  margin: 0;
  padding: 8px 0;
  text-indent: 42px;
  background-image: url(openquote.png);
  background-position: top left;
  background-repeat: no-repeat;
  }
blockquote span {
     display: block;
     background-image: url(closequote.png);
     background-repeat: no-repeat;
     background-position: bottom right;
	 line-height:2;
   }
   
   
.table-70 {
	width:160px;
	display: inline-block; vertical-align: top;
			text-align:left;
}
   
.table-30 {
	width:100px;
	display: inline-block; vertical-align: top;
			text-align:left;
}
.table-80 {
	width:180px;
	display: inline-block; vertical-align: top;
			text-align:left;
}
   
.table-20 {
	width:80px;
	display: inline-block; vertical-align: top;
			text-align:left;
}

.tablerow {
	clear:both;
	min-height: 28px;
    padding-bottom: 2px;
	width: 98%;
    margin: 0 auto;

}

a {
	color:#666;
}

#vertical-menu {
    background: #004050;
    width: 250px;
    margin: 100px auto 0 auto;
    color: white;
    /*box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
/*heading styles*/
 #vertical-menu h3 {
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    /*fallback for browsers not supporting gradients*/
    background: #003040;
    background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
 #vertical-menu h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
 #vertical-menu h3 span {
    font-size: 16px;
    margin-right: 10px;
}
/*list items*/
 #vertical-menu li {
    list-style-type: none;
}
/*links*/
 #vertical-menu ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    /*transition for smooth hover animation*/
    transition: all 0.15s;
}
/*hover effect on links*/
 #vertical-menu ul ul li a:hover {
    background: #003545;
    /*border-left: 5px solid lightgreen;*/
}
/*Lets hide the non active LIs by default*/
 #vertical-menu ul ul {
    display: none;
}
#vertical-menu li.active ul {
    display: block;
}







.tbSlideClick {
    background-image: url("view.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #dcb879;
    cursor: pointer;
    margin: 0;
    padding-top: 17px;
    position: relative;
}
.tbSlideContent {
    display: none;
    margin: 0;
    padding: 10px 0;
    position: relative;
}






#centreblock .tbSlideClick {
    background-image: url("view.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #666;
    cursor: pointer;
    margin: 0;
	padding: 10px 0;    
	position: relative;
	border-bottom:1px dotted #ccc;

}

@media only screen and (max-width: 52em) {

#centreblock .tbSlideContent {
    display: none;
    margin: 0;
    padding: 10px 5px 20px 5px;
    position: relative;
}

.extrapadding {
	 margin: 0 auto;
    padding: 0 15px;
    text-align: center;
    width: 92%;
}

ol.circle {
	padding-left:5px;
}
	
.mamalistcontainer {
	width:100%;
	margin:0 auto;
}

}
@media only screen and (min-width: 52em) {

#centreblock .tbSlideContent {
    display: none;
    margin: 0;
    padding: 10px 5px 20px 38px;
    position: relative;
}

ol.circle {
	padding-left:10px;
}
	
.mamalistcontainer {
	width: 550px;
	margin: 0 auto;
}

}


.questionq {
	background-color: #ccc;
    border-radius: 7px;
    color: #fff;
    font-size: 19px;
    margin-right: 8px;
    padding: 3px 2px 3px 6px;
    text-align: center;
	margin-bottom: 8px;
}


.bookingbuttoncontainer {
	clear:both; 
	width:100%; 
	padding:15px 0;
	margin:0 auto;
}


.bookingbutton {
	width:340px;
	background-color:#ffd700;
	padding:6px 16px;
	border:1px solid #d6b507;
	border-radius:5px;
	text-transform:uppercase;
}

a.bookingbutton:link  {
	color:#fff !important;
	text-decoration:none !important;
	    font-weight: 600;
}

a.bookingbutton:hover  {
	color:black;
}



.mamalist {
	line-height:26px !important;
}

ol.circle {
   list-style: none;
   counter-reset: item;
   text-align:left;
   margin:0 auto;
 }

 ol.circle > li{
   counter-increment: item;
   margin-bottom: 15px;
 }

ol.circle > li:before {
   margin-right: 6px;
   content: counter(item);
   background: #ffd700;
   border-radius: 100%;
   color: black;
   width: 1.6em;
   text-align: center;
   display: inline-block;
   font-weight:700;
 }




nav {
      display: block;
      width: 100%;
      margin: 100px auto;
      text-align: center;
    }
    nav ul {
      list-style: none;
    }
    nav li {
      display: inline-block;
    }
    nav a {
      display: inline-block;
      background: #2f2f2f;
      color: white;
      padding: 5px 15px;
      border: 1px solid 464646;
      text-decoration: none;
    }
    nav a:hover {
      background: #FFD700;
	  color:#000;
    }
    nav a:active {
      background: #FFD700;
	  
    }
	nav .active {
      background: #464646;
    }
    nav select {
      display: none;
    }
    
    @media (max-width: 960px) {
      nav ul     { display: none; }
      nav select { display: inline-block; }
    }
	
	@media (min-width: 960px) {
 nav select, .select_arrow  {
      display: none !important;
    }
	}
	
	 .select {
            position: relative;
            display: inline-block;
            margin: 0 auto;
            width: 80%;
			font-family: 'Raleway', sans-serif;
				font-weight:400;				
				font-size: 1em !important;
			
        }    select {
				font-family: 'Raleway', sans-serif;
				font-weight:400;				
				font-size: 1em !important;
                display: inline-block;
                width: 100%;
                cursor: pointer;
                padding: 7px 10px;
                outline: 0;
                border: 0px solid #000000;
                border-radius: 0px;
                background: #2f2f2f;
                color: #7b7b7b;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
            }
                .select select::-ms-expand {
                    display: none;
                }
                .select select:hover,
                .select select:focus {
					font-family: 'Raleway', sans-serif;
				font-weight:400;				
				font-size: 1em !important;
                    color: #fff;
                    background: #464646;
                }
				
                .select select:disabled {
                    opacity: 0.5;
                    pointer-events: none;
                }
        .select_arrow {
            position: absolute;
            top: 16px;
            right: 15px;
            pointer-events: none;
            border-style: solid;
            border-width: 8px 5px 0px 5px;
            border-color: #7b7b7b transparent transparent transparent;
        }
        .select select:hover ~ .select_arrow,
        .select select:focus ~ .select_arrow {
            border-top-color: #000000;
        }
        .select select:disabled ~ .select_arrow {
            border-top-color: #cccccc;
        }