/* --- GLOBAL STYLES --- */
* {
	box-sizing: border-box;
}


.policyheading{
	color: #6F4B97;
	font-weight: bold;
}


#okCookie{
  background-color:#F2F2F2;
  color:#333333;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:10;
}

#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}

#okCookie #okClose, #okCookie #okCprivacy{
  padding:5px 20px;
  float:right;
  margin-left:10px;
  text-decoration:none;
  border-radius:3px;
  color:white;
}

#okCookie #okClose{
  background-color:#39B54A;
  text-shadow:0px 1px 1px #507F2B;
  box-shadow:inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover{background-color:#42ce55}

#okCookie #okCprivacy{
  background-color:#8D9499;
  text-shadow:0px 1px 1px #63666B;
  box-shadow:inset 0px -1px 1px #63666B;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s;
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

body { font-size:14px; line-height:16px; font-family:Calibri, Arial; margin:0; padding:20px 0; background:url(../images/bg.jpg) 0 0 repeat; color:#555; text-align:left; font-family: 'Raleway', sans-serif;}
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; font-size:16px;  line-height:23px;font-family: 'Raleway', sans-serif; color:#000;}
address { font-style:normal;}
/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#outerContainer { width:62%; margin:0 auto; background:#fff; box-shadow: 0px 0px 19px 5px #2d465c; border-radius:4px; }
#headerContainer { width:100%;}
#headerContainer #header { width:100%; margin:0 auto; height: auto; position: relative;}
#headerContainer #header #top-section{display: flex; justify-content: space-between; flex-wrap: wrap;}
#headerContainer #header #top-section #contact-details{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; padding: 20px;}
#headerContainer #header #logo {}
#header #telephone {bottom: 10px;text-align: right; font-size:29px; font-weight:bold; color:#6F4A98; background:url(../images/iconTelephone.png) 100% 0px no-repeat; padding:0px 30px 2px 0px; font-family: 'arial', sans-serif;}
#header #email { text-align: right; display: block; background:url(../images/iconEmail.png) 100% 3px no-repeat; padding:0px 30px 1px 0px;}
#header #email a { font-size:18px; font-weight:normal; color:#04A9E0; text-decoration:none;}
#header #email a:hover { color:#333; text-decoration:underline;}
#header #address { display: block; font-size:14px; font-weight:normal; color:#888; background:url(../images/iconAddress.png) 100% 0px no-repeat; padding:0px 30px 2px 0px; text-align:right; line-height:22px;font-family: 'arial', sans-serif;}
#header #address a { color:#04A9E0; font-weight:bold;}
#headerContainer #header #socialLinks { top:145px; right:50px;}
#headerContainer #header #socialLinks ul { list-style:none; padding:0; margin:0; text-align: right;}
#headerContainer #header #socialLinks ul li { display:inline-block; font-size:12px; margin:0 0 0 5px;}
/* #headerContainer #header #header_logos{ position:absolute; top:135px; right:20px; }
#headerContainer #header #header_logos img{display:inline-block; width:30px;} */
#rightColContent{
	padding: 10px;
}

.contact-us {
	color: #fff;
	background: #6F4A98;
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
	transition: 0.5s ease-in-out all;
	padding: 10px;
	text-decoration: none;
}

.contact-us:hover {
	background: #37BFF0;
	text-decoration: underline;
	transition: 0.7s ease-in-out all;

}

#rightCol img{
	width: 100%;
}
/*NAVIGATION*/

#header .nav ul li a{
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px 8px;
	text-decoration: none;
	color: #fff;
	background: #6F4A98;
	border-radius: 5px;
	font-size: 1em!important;
	font-weight: bold;
	transition: 0.3s ease-in-out all;
}
#header .nav .active{
	background-color: #37BFF0;
}




#header .nav ul li:nth-of-type(1){
	width: 5%;

}
#header .nav ul li:nth-of-type(2){
	width: 8%;
}

#header .nav ul li:nth-of-type(3){
	width: 10%;
}
#header .nav ul li:nth-of-type(4){
	width: 9%;
}

#header .nav ul li:nth-of-type(5){
	width: 8%;
}
#header .nav ul li:nth-of-type(6){
	width: 5%;
}

#header .nav ul li:nth-of-type(7){
	width: 9%;
}

#header .nav ul li:nth-of-type(8){
	width: 7%;
}
#header .nav ul li:nth-of-type(9){
	width: 6%;
}
#header .nav ul li:nth-of-type(10){
	width: 10%;
}
#header .nav ul li:nth-of-type(11){
	width: 9%;
}



@media (max-width: 700px){
#header .nav ul li:nth-of-type(1){
	width: 100%;
}
#header .nav ul li:nth-of-type(2){
	width: 100%;
}

#header .nav ul li:nth-of-type(3){
	width: 100%;
}
#header .nav ul li:nth-of-type(4){
	width: 100%;
}

#header .nav ul li:nth-of-type(5){
	width: 100%;
}
#header .nav ul li:nth-of-type(6){
	width: 100%;
}

#header .nav ul li:nth-of-type(7){
	width: 100%;
}

#header .nav ul li:nth-of-type(8){
	width: 100%;
}
#header .nav ul li:nth-of-type(9){
	width: 100%;
}

#header .nav ul li:nth-of-type(10){
	width: 100%;
}

}

#header .nav ul li a:hover{
	background: #37BFF0;
}

#header .nav ul li > ul{
  position: absolute;
  z-index: 9;
  display: none;
  width: 100% !important;
	padding-top:1px;
}

#header .nav ul li > ul li{
  display: block;
  width: 18% !important;
}

#header .nav ul li > ul li a{
  font-weight: lighter;
	font-size: 14px;
}

#header .nav ul li:hover > ul{
  display: block;
}
#header .nav{
	margin-left: 5px;
}
#header .nav ul{
  margin: 0;
  padding: 0;
}
#header .nav ul li{
  color: #000;
}
#header .nav ul li {
  text-align: center;
  display: inline-block;
  background-color: #f5f5f6;
  text-decoration: none;
  width: 12%;
  cursor: pointer;
}
.sub-cross{
	display: none;
}
#container { width:100%;}
#contentContainer { width:100%; margin:0 auto; padding:10px 0 0 0;}
#contentContainer.internal { width:100%; margin:0 auto; padding:0 0 0 0;}
#contentContainer #content { width:100%; margin:0 auto;}
#columns { background:url(../images/contentDivider.png) 0 0 repeat-y; padding:20px 0 0 0;}
#columns.internal { background:#fff; border-radius:5px; padding:0 0 0 0; margin:0 0 0 0;}

#jumpsContainer { width:100%; text-align:justify;}
#jumpsContainer.internal #jumps { padding:0px 0px 20px 20px;}
#jumps { width:100%; margin:0 auto; padding:5px 0px 10px 8px; background:#ffedb8; border-radius:5px;}
#jumps.internal { width:100%; margin:0 auto 20px auto; padding:5px 0px 10px 8px;background:#ffedb8; border-radius:5px;}
#jumps .jump { float:left; width:24%; margin:0 15px 0 0; padding:10px;}
#jumps .jump img { margin:0 0 15px 0; border-radius:5px; width:100%; }
#jumps .jump.last { margin:0 0 0 0;}
#jumps .jumpTitle {text-align: center; font-size:19px; font-weight:bold; color:#6F4A98; padding:0 0 10px 0; margin:0 0 0 0; line-height:24px; min-height:35px;}
#jumps .jumpText { padding:0 0 10px 0; color:#000; font-size:13px; line-height:19px;}
#jumps a.btnMore { padding:8px 16px 7px 15px; height:16px; color:#6F4A98; font-weight:500; text-decoration:none; display:inline-block; width:45%; height: 30px;-moz-border-radius:4px; border-radius:4px; background:#37BFF0;}
#jumps a.btnMore:hover { background:#6F4A98; color:#fff;}

#contentContainer #leftCol { float:left; width: 68%; padding:0 0 0 20px;  text-align:justify;}
#contentContainer #leftCol.internal { float:left; width:100%; margin:0 20px; padding:20px 0 0 20px; }
#contentContainer #leftCol #leftColContent { padding:0 20px 0 0; margin:0;}
#contentContainer #leftCol #backToTop { text-align:right; margin:0 0 15px 0;}
#contentContainer #leftCol #backToTop a { color:#000;}
#contentContainer #leftCol .logo { margin:0 20px 20px 0; float:left;}
#contentContainer #leftCol ul { list-style:none; padding:0; margin:0 0 15px 15px; }
#contentContainer #leftCol ul li { padding:0 0 8px 23px; background:url(../images/arrow.png) 0 1px no-repeat; font-size:16px;  line-height:23px;}
#contentContainer #leftCol ul.paws li { padding:0 0 6px 23px; background:url(../images/paw.png) 0 1px no-repeat; background-size:15px;font-size:16px;  line-height:23px;}
#contentContainer #leftCol ul li ul { padding:0; margin:10px 0 0 0;}
#contentContainer #leftCol #times { padding:10px; margin:0 0 15px 0; background:#e0edf8; border:1px solid #b7c4cf; text-align:center;}
#contentContainer #leftCol ul#tickList { list-style:none; padding:0; margin:0 0 15px 15px; }
#contentContainer #leftCol ul#tickList li { padding:0 0 6px 23px; background:url(../images/tick.png) 0 0px no-repeat;}

ol{
	font-size: 16px;
	line-height: 23px;
	font-family: 'Raleway', sans-serif;
	color: #000;
}

.content-img{
	padding: 15px;
	width: 40%;
}

.right{
	float: right;
}


.logo-img {
	width:20%;
	float:right;
	margin-top: -40px;
}

.left{
	float: left;
}

.no-border table, .no-border tr, .no-border td, .no-border th  {
	border: 1px solid #fff;
}

.no-border td {
	padding:10px 5px;
}

.no-border td:first-child {
	width:33%;
}

#contentContainer #rightCol { float:right; width:30%; padding:0 0 20px 0; margin:0;}
#contentContainer #rightCol .box { margin:0 20px 5px 0px; padding:15px 15px 0 15px; background:#fcfbfb; border-radius:5px;}
#contentContainer #rightCol .box h3 { color:#6F4A98; font-weight:bold; font-size:20px;}
#contentContainer #rightCol .box2 { margin:0 20px 5px 0px; padding:15px 15px 0 15px; background:#fcfbfb; border-radius:5px; font-family: 'arial', sans-serif;}
#contentContainer #rightCol .box2 p { font-family: 'arial', sans-serif;}
#contentContainer #rightCol .box2 h3 { color:#6F4A98; font-weight:bold; font-size:20px; }
#contentContainer #rightCol .box.noLine { padding:15px 10px 0 15px; margin:0 20px 0px 0px; border:none;}
#contentContainer #rightCol ul { list-style:none; padding:0; margin:0 0 0 0; line-height:22px; }
#contentContainer #rightCol ul li { padding:0 0 6px 23px; background:url(../images/arrow.png) 0 3px no-repeat;}
#contentContainer #rightCol ul li a { text-decoration:none; color:#0698C9; padding:1px 0 0 0; display:inline-block; font-weight:normal;}
#contentContainer #rightCol ul li a:hover { text-decoration:underline; color:#096dc9;}
#contentContainer #rightCol .box.green { margin:0 0 15px 0; background:#096dc9; -moz-border-radius:5px; border-radius:5px; color:#fff; padding:20px 20px 5px 20px; border-bottom:none;}
#contentContainer #rightCol .box.green a { color:#096dc9;}
#contentContainer #rightCol #pageImage { border-radius:4px; margin:30px 0 20px 0px; width:94%;}
#contentContainer #rightCol #emailLink { color:#096dc9; font-size:12px;}

.award-logo{
	width: 13%;
	height: 10%;
	padding: 5px;
}
#award{
	float: right;
	width: 30%;
	height: 20%;
}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}
.photo { float:right; margin:0 0 10px 10px; border:1px solid #ccc; padding:4px; width: 30%;}
.photo2 { float:right; margin:0 0 10px 10px; border:1px solid #ccc; padding:4px; width: 30%;}
.aboutLogo { display:inline-block; margin:0 50px 0 0;}
.testimonial { border-bottom:1px dotted #999; margin:0 0 20px 0;}
.testimonial img { float:left; margin:0 10px 20px 0; padding:4px; border:1px solid #999;}
.openingTimes { border:1px solid #ccc; padding:10px 0; text-align:center; font-size:16px; margin:0 0 15px 0; font-weight:bold;}
.pic_right {float:right; display:relative; margin-left:30px; margin-bottom:10px; padding:5px; background:#fff; border:1px solid #eee;}
.pic_left {float:left; display:relative; margin-right:10px; margin-bottom:10px; padding:5px; background:#fff; border:1px solid #eee;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:12px; line-height:16px; font-weight:normal; font-family: 'Raleway', sans-serif; text-align:left;}
h1 { color:#6F4A98; font-size:35px; line-height:30px; font-weight:800;}
h2 { color:#37BFF0; font-size:26px; line-height:24px; font-weight:600;}
h3 { color:#6F4A98; font-size:18px; line-height:20px;}


/* --- FOOTER --- */
#footerContainer {}
#footer { width:100%; margin:0 auto; border-top:2px solid #04A9E0;}
#footer .footerPadding { padding:25px 20px;}
#footer ul { list-style:none; padding:0; margin:0; float:left;}
#footer ul li { float:left; padding:0 10px; border-right:1px solid #000; line-height:16px;}
#footer ul li.first { float:left; padding:0 10px 0 0; border-right:1px solid #000; line-height:16px;}
#footer ul li.last { float:left; padding:0 10px; border-right:none; line-height:16px;}
#footer ul li a { line-height:16px; color:#000; font-weight:normal; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}
#siteBy { float:right; color:#000;}
#siteBy a { line-height:16px; color:#6F4A98; font-weight:normal;}

/* ----- LINKS ----- */
a { color:#6F4A98; font-weight:normal; text-decoration:underline;}
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

/* ----- TABLES ----- */
table { border-top:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 15px 0;}
table th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px; background:#fa2326; color:#fff; text-align:left;}
table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px;}
table td p, table th p { padding:0;}



ul.paws {list-style:none; list-style-image:url('../images/paws.jpg'); text-align:left}

.nzambi{
	margin-left: 180px;
}

.nzambi img{
	width: 35%;
	height: 300px;
	margin-bottom: 5px;
	border-radius: 20px;
	display: inline-block;
}

.facebook{
	margin:0;
}

@media (max-width:1880px) {
	#outerContainer{
		width: 82%;
	}
	#jumps .jump{
		width: 23%;
	}
	#jumps a.btnMore{
		width: 50%;
	}
	#headerContainer #header #logo{
		width: 580px;
	}
	.content-img{
		width: 40%;
	}
}
@media (max-width:1300px) {
	#outerContainer{
		width: 97%;
	}
	#headerContainer #header #logo{
		width: 620px;
	}
	#headerContainer #header #top-section{
		flex-wrap: nowrap;
	}
	#header .nav ul li a{
		font-size: 16px;
	}
	#jumps .jump{
		width: 23%;
	}
	#jumps a.btnMore{
		width: 60%;
	}
}
@media (max-width:980px) {
	#headerContainer #header #logo{
		width: 462px;
		height: 150px;
	}

}
@media (max-width:870px) {
	body{
		padding: 10px;
	}
	.content-img{
		width: 50%;
	}
	#headerContainer #header #top-section{
		justify-content: center;
		flex-wrap: wrap;
	}
	#header .nav ul li > ul{
    position: static;
		padding: 0;
  }

  #header .nav ul li:hover > ul{
    display: none;
  }

  #header .nav ul li > ul li{
    width: 100% !important;
  }

  #header .nav ul .sub-nav a{
    width: 20%;
    display: inline-block;
  }

  #header .nav ul .sub-nav{
    position: relative;
  }
	#header .sub-menu li a{
		background-color: #37BFF0 !important;
	}
  .sub-cross{
    position: absolute;
    display: inline-block;
    right: 0;
  }
  #header .nav #has-sub {
    width: 100%;
  }
  #header .nav #has-sub a{
    width: auto;
    display: inline-block;
  }
  .sub-cross{
    display: block;
    position: absolute;
    left: 85%;
    bottom: 10%;
    width: 35px;
    top:0;
  }

  #header .nav #sub-nav .sub1{
      position: static;
  }
  #header{
    position: relative;
    z-index: 99;
  }
  #container{
    margin-left: auto;
    margin-right: auto;
  }
  #header .info-head .contact-det .top-row{
    justify-content: space-between;
  }
  #header .info-head .contact-det .top-row button{
    width: 118px;
    margin: 0;
    font-size: 17px;
  }
  #header .info-head .contact-det #telephone{
    font-size: 23px;
  }
  #header .info-head .contact-det{
    padding: 14px;
  }
  #header .nav ul li:nth-of-type(5){
    width: 100%;
  }
  .trigger-nav {
   display: inline-block;
   position: relative;
   width: 50px;
   height: 50px;
   background: transparent;
   overflow: hidden;
   cursor: pointer;
   border: 0;
   -webkit-appearance: none;
   margin-left: 85%;
 }

 .trigger-nav:focus {
   outline: 0;
 }

 .trigger-nav .inner {
   position: absolute;
   top: 50%;
   right: 0;
   width: 30px;
   height: 18px;
   margin: -9px 0 0 -9px;
 }

 #header .trigger-nav .inner .icon-bar {
   position: absolute;
   left: 0;
   width: 30px;
   height: 3px;
   background: #37BFF0;
   transition: all .3s ease-in-out;
 }

 #header .trigger-nav .inner .icon-bar.top {
   top: 0;
 }

 #header .trigger-nav .inner .icon-bar.middle {
   top: 8px;
 }

 #header .trigger-nav .inner .icon-bar.bottom {
   bottom: 0;
 }

 #header .trigger-nav.open-nav .inner .icon-bar.middle {
   opacity: 0;
 }

 #header .trigger-nav.open-nav .inner .icon-bar.top {
   top: 9px;

   -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
           transform: rotate(45deg);
 }

 #header .trigger-nav.open-nav .inner .icon-bar.bottom {
   bottom: 7px;

   -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
           transform: rotate(-45deg);
 }
  #header .nav{
    display: none;
    margin-top: 50px;
    margin: 0 auto;
  }
  #header .nav ul li{
    position: relative;
    display: block;
    width: 100%;
    background-color: #f5f5f6;
    text-align: center;
    text-decoration: none;
  }
	#header .nav ul li a{
			border-radius: 0;
	}
	#header .nav ul li:nth-of-type(2),
	#header .nav ul li:nth-of-type(4){
		width: 100%;
	}
  #header .nav ul li.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: #0c55a5;
}
	#outerContainer{
		width: 100%;
	}
	#headerContainer #header #logo{
		width: 480px;
	}
	.award-logo{
		width: 20%;
	}
	#headerContainer #header #top-section #contact-details{
		width: 100%;
		padding: 10px;
	}
	#jumps{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#jumps .jump{
		width: 47%;
	}
	#jumps a.btnMore{
		width: 60%;
	}
	#columns{
		display: flex;
		flex-direction: column;
		padding: 20px;
	}
	#contentContainer #leftCol{
		width: 100%;
		padding: 0;
	}
	#contentContainer #rightCol{
		width: 100%;
		padding: 0;
	}
	#contentContainer #rightCol #pageImage{
		width: 100%;
	}
	.pic_right,
	.pic_left{
		width: 99%;
		display: block;
	}
}

@media (max-width:500px) {
	#headerContainer #header #top-section{
		justify-content: center;
	}
	.photo,
	.photo2{
		width: 40%;
	}
	.content-img{
		width: 100%;
	}
	.nzambi{
		margin-left: 20px;
	}
	.nzambi img{
		width: 45%;
	}

	.award-logo{
		display: none;
	}
	#headerContainer #header #logo{
		width: 360px;
		height: 140px;
		padding: 10px;
	}
	.trigger-nav .inner{
		right: 20px;
	}
	#headerContainer #header #top-section #contact-details{
		width: 100%;
	}
	#jumps{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#jumps .jump{
		width: 100%;
	}
	#jumps a.btnMore{
		width: 60%;
	}
	#header #email{
		display: none;
	}
	#header #address{
		display: none;
	}
	#header #telephone{
		top: 120px;
	}
	#columns{
		padding: 0;
	}
	#contentContainer #leftCol{
		padding: 10px;
	}
}

@media (max-width:320px){
	#headerContainer #header #logo{
		width: 320px;
		height: 120px;
	}
	.photo,
	.photo2{
		width: 60%;
	}
	body{
		padding: 0;
	}
	#contentContainer #rightCol .box2{
		margin: 0;
	}
	.content-img{
		width: 100%;
	}
}

.table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}
.cell{
	line-height: 1.5;
}
.row {
  display: table-row;
  background: #f6f6f6;
}
.row:nth-of-type(odd) {
  background: #e9e9e9;
}
.row.header {
  font-weight: 600;
  color: #ffffff;
  background: #6F4A98;
}
.row.green {
  background: #27ae60;
}
.row.blue {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .row {
    padding: 8px 0;
    display: block;
  }
}

.cell {
  padding: 6px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 12px;
    display: block;
  }
}

.policy-list li{
	list-style-type: disc!important;
	background: none!important;
}

table {
    border-collapse: collapse;
    width: 100%;
}

table th{
	background-color: grey;
	color: black;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
		color: black;
		padding: 7px;
    width: 30px;
		line-height: 1.5;

}