/* kenneth mukiria www.mukiria.com */

* {
	margin: 0px;
	padding: 0px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
@font-face {
    font-family: 'museo500';
    src: url('../type/museo500-regular-webfont.eot');
    src: url('../type/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/museo500-regular-webfont.woff') format('woff'),
         url('../type/museo500-regular-webfont.ttf') format('truetype'),
         url('../type/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaLTStdCondRegular';
    src: url('../type/helveticaltstd-cond_0-webfont.eot');
    src: url('../type/helveticaltstd-cond_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/helveticaltstd-cond_0-webfont.woff') format('woff'),
         url('../type/helveticaltstd-cond_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'HelveticaLTStdCondRegular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	overflow: hidden;
	height:100%; width:100%; position:absolute;
}
img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: auto;
	z-index: 1;
}
a, img, a img, ul {
	border: none;
	outline: none;
	list-style: none;
	text-decoration: none;
}
img{width:100%; float:left; height:auto;}

h1, h2, h3, h4{
	line-height: 1.3em;
	float: left;
	width: 100%;
}
h1 {
	float: left;
	font-size: 28px;
	color: #2E3192;
}
h2 {
	float: left;
	font-size: 18px;
	color: #F3BA17;
	margin-top: 10px;
	margin-bottom: 8px;
}
h3 {
	float: left;
	font-size: 15px;
	color: #0351f0;
	margin-top: 10px;
	margin-bottom: 8px;
}
h4 {
	float: left;
	font-size: 18px;
	color: #F34E3E;
	margin-top: 10px;
	margin-bottom: 8px;
}
p {
	float: left;
	width: 100%;
	padding: 10px 0;
	line-height: 1.5em;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	/* change if the mask should have another color then white */
	z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loading.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  transform:translate(-50%,-50%);
  /* is width and height divided by two */
}
.all {
	float: left;
	width: 100%;
}

.mukiria{
	width: 86%;
	position: relative;
	margin: 0 auto;
}
/*ul.menu{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 7999;
}
ul.menu li{width:12.5%; float:left; background-color:rgba(63, 165, 225, 0.8);}
ul.menu li a{width:100%; float:left; color:white; padding:15px 0; text-align:center; font-size:16px;font-family: 'museo500';}*/
meta.foundation-version{font-family:"/5.3.1/"}meta.foundation-mq-small{font-family:"/only screen/";width:0em}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.063em)/";width:40.063em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.063em)/";width:64.063em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.063em)/";width:90.063em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.063em)/";width:120.063em}meta.foundation-data-attribute-namespace{font-family:false}
.accordion{margin-bottom:0}
.accordion:before,.accordion:after{content:" ";display:table}
.accordion:after{clear:both}
.accordion dd{display:block;margin-bottom:0 !important}
.accordion dd>.content{width:100%; float:left;transition: all .4s linear; position:absolute; height:100%; border-bottom:3px solid #F3BA17; }
.accordion dd>.content.active{width:100%; position:absolute; bottom:0; left:0; height:100%; overflow:hidden;}
.accordion .button{border:none; background-color:transparent; color:white; font-size:15px; text-align:center; cursor:pointer; position:absolute; top:10px; left:0; outline:none; width:100%; text-align:center;
font-family: 'HelveticaLTStdCondRegular', Arial, Helvetica, sans-serif;}
.accordion .button img{width:40px; height:40px; float:none; margin-top:5px; outline:none;}
.accordion .button span{display:none;}
.accordion .button em{ font-style:normal; }
.accordion .button strong{font-weight:normal; width:96%; float:left; margin:0 2%; padding:3px 0;}
.accordion .txt{ position:absolute;  overflow-y:auto; background:rgba(255, 255, 255, 0.9); padding:80px 40px 50px 30px; width:30%; height:89%; left:auto; right:0; text-align:left; top:0; display:block; }
/*.accordion dd>.content.active .txt p.first-child, .accordion dd>.content.active button em{display:none;}
.accordion dd>.content.active .txt p:last-child, .accordion dd>.content.active button span{display:block;}
.accordion dd>.content.active button {left:auto; top:10px; right:33%; width:auto;}
.accordion dd>.content.active button img{width:24px; height:24px;}
.accordion dd>.content.active img {margin-top:0px; float:left; margin-right:8px;}*/
#panel1{
	left: 0;
	background-image: url(../images/about-us.jpg);
	
}
#panel2{
	left: 0;
	background-image: url(../images/apartments1.jpg);
}
#panel3{
	left: 0;
	background-image: url(../images/restaurant.jpg);
	
}
#panel4{
	left: 0;
	background-image: url(../images/services.jpg);
	
}
#panel5{
	left: 0;
	background-image: url(../images/swimming-pool.jpg);
}
#panel6{
	left: 0;
	background-image: url(../images/rates3.jpg);
	
}
#panel7{
	left: 0;
	background-image: url(../images/rates1.jpg);
	
}
#panel8{
	left: 0;
	background-image: url(../images/book-now.jpg);
}
#panel9{
	left: 0;
	background-image: url(../images/contacts.jpg);
	
}
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9{
	z-index: 24;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	bottom: 0px;
}
.accordion dd>.content.active#panel1, .accordion dd>.content.active#panel2, .accordion dd>.content.active#panel3, .accordion dd>.content.active#panel4, .accordion dd>.content.active#panel5, .accordion dd>.content.active#panel6, .accordion dd>.content.active#panel7, .accordion dd>.content.active#panel8, .accordion dd>.content.active#panel9{z-index:25; left:0;}
.glaze{width:100%; height:100%; position:absolute; z-index:1; background-color:rgba(0,0,0,0.5);transition: all .6s ease-in-out;}
.accordion dd>.content.active .glaze{background-color:transparent;}
#button{
float:left;
margin-left:20px;
font-size:16px; cursor:pointer;transition: all .2s ease-in-out;
outline:none;
text-decoration:none;
}
#button span{
width:24px; height:24px; background-color:#D00000; border-radius:100%; float:right; text-align:center; font-size:16px; margin-left:10px; cursor:pointer;outline:none;text-decoration:none;
}
#button span:hover{transform: scale(1.2);}
ul.abt{font-size:14px; margin:0 0 40px 20px; float:left; width:100%;}
ul.abt li{font-size:14px; margin:0 0 7px 0}
ul.list{font-size:14px; margin:0 0 40px 20px; float:left; width:90%;}
ul.list li{
	font-size: 14px;
	padding: 0 0 5px 20px;
	margin-bottom:5px;
	background-image: url(../images/listone.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	border-bottom:1px dotted #878add;
}
.pics{width:100%; float:left; margin-bottom:10px;}
.pics img{width:46%; float:left;}
.pics img:last-child{float:right;}
.accordion .txttwo{display:none; transition: all .4s ease-in-out; overflow: hidden;}
.accordion dd>.content.active .txttwo{width:100%; height:100%; left:0; top:0; display:block; }
.accordion dd>.content.active .txt.bgwht{ background-color:white;}

.logo{width:70px; float:left; position:fixed; top:60px; left:20px; z-index:999;}

.virtualtour{position:absolute; z-index:999; right:20px; bottom:20px; width:auto; padding:10px 15px; background-color:#2B2C7D; color:#F3BA17; font-weight:bold;}
.virtualtour:hover{color:#2B2C7D; background-color:#F3BA17;}
/*gallery*/
.gallery{
	width: 100%;
	float: left;
	margin: 60px 0 0 0;
	text-align: center;
	height: 100%;
	overflow-y: auto;
	position: relative;
	padding:20px 15px;
}
.products{
	width: 100%;
	float: left;
	margin-top: 15px;
}

.products article, .products a {
	float: left;
	margin:0.5%;
	height:132px;
	width:200px;
}
/*.products article img, .products a img{
	height:200px;
	max-height:200px;
	width:302px;
	float:left;
}*/
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
        transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
}
.primary {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
}

.primary ul a {
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	margin: 5px;
	font-size: 12px;
	font-family: 'oswaldlight';
	letter-spacing: 0.07em;
	width: auto;
	padding: 7px 20px;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	color: #2e3192;
}
.primary ul a.selected, .primary ul a:hover {
	border-color: #F3BA17;
	color: #F3BA17;
}
.booking{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.booking h1{line-height:1em; margin-bottom:5px;}
.booking label{
	width: 100%;
	float: left;
	margin: 0;
}
.booking .input{
	width: 96%;
	float: left;
	padding: 13px 2%;
	border: none;
	margin-bottom: 10px;
	border:1px solid #c3d6f2;
	background-color:#f4f8fd;
}
.booking .submit{
	width: 100%;
	float: left;
	padding: 13px 0;
	border: none;
	margin: 15px 0;
}
.booking .select{
	width: 100%;
	float: left;
	padding: 12px 10px;
	border: none;
	background-color: #2E3194;
	color: white;
	margin-bottom:30px;
}
.booking .submit{
	background-color: #F3BA17;
	color: white;
	text-align: center;
	float: left;
	cursor: pointer;
}
.accordion .location{display:none;}
.accordion dd>.content.active .location{width:55%; float:left; display:block; position:absolute; top:50%; left:5%; transform:translateY(-50%); }
.mid{
	width: 40%;
	font-family: 'museo500', Arial, Helvetica, sans-serif;
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-60%);
	z-index:10;
}
.mid.one{}
.mid.two{margin: 120px 0 0 17%;}
.txt {
	width: 100%;
	padding: 5%;
	float: left;
	text-align: center;
	background: rgba(46, 49, 145, 0.8);
	-webkit-box-shadow: 3px 3px 5px 6px rgba(243, 186, 23, 0.2); 
  -moz-box-shadow:    3px 3px 5px 6px rgba(243, 186, 23, 0.2);  
  box-shadow:         3px 3px 5px 6px rgba(243, 186, 23, 0.2);  
}
.mid .txt h1{font-size:28px; margin-bottom:20px; color:#fff;}
.mid .txt h2{color:#F3BA17; margin-bottom:20px; font-size:20px;}
.mid .txt p{font-size:16px; color:white;font-family: 'HelveticaLTStdCondRegular', Arial, Helvetica, sans-serif;}
.mid .links{width:100%; float:left; text-align:center;}
.mid .links a{border:1px solid #F2B91A; padding:25px;}
#close {
  position: absolute;
  background: black;
  color: white;
  right: -30px;
  top: -15px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 8px;
  font-weight: bold;
  font-family: 'Arial Black', Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 0 10px 0 #000;
}
#slideshow {  
    position: relative; 
    width: 100%; 
    height: 100%; 
}

#slideshow > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
	height:100%; 
	width:100%;
	background:red;
	float:left;
	
}
.imageone{
	background-image: url(../images/slide1.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.imagetwo{
	background-image: url(../images/slide2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.imagethree{
	background-image: url(../images/slide3.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.imagefour{
	background-image: url(../images/slide4.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.imagefive{
	background-image: url(../images/slide5.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width:100%; height:600px;
  z-index:1;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.person{width:30px; float:left;}
.note{ font-style:italic; color:#2E3192;}
.maingallery{width: 90%; float: left; position: relative; margin: 50px auto 0;}


input,
textarea {
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  resize: none;
  transition: .3s;
}
input:focus,
textarea:focus {
  border: 2px solid #999;
  outline: none;
}

textarea {
  min-height: 100px;
}

.message {
  position: absolute;
  z-index: 9;
  display: none;
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  background: #D9585C;
  color: #fff;
  text-align: center;
}
.message:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  display: block;
  margin-left: -10px;
  border: solid;
  border-color: #D9585C transparent #D9585C;
  border-width: 0 10px 10px;
}

.is-valid {
  border-color: #AAD661 !important;
  transition: 0;
}

.not-valid {
  border-color: #D7595F;
  transition: 0;
}
.not-valid + .message {
  display: block !important;
}

.submit {
  display: block;
  width: 100%;
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: transparent;
  color: #ccc;
  transition: .3s;
}
.submit:hover {
  color: #AAD661;
  border-color: #AAD661;
}




footer{}
@media only screen and (max-width :1025px) {
	.mid .txt h1{font-size:24px; margin-bottom:12px;}
.mid .txt h2{ margin-bottom:12px; font-size:16px;}
.mid .txt p{font-size:13px;}
}
@media only screen and (max-width :961px) {
	.accordion dd>.content.active .txt{width:35%;}
}
@media only screen and (max-width :801px) {
	.accordion .button strong{display:none;}
	.accordion .button img{width:40px; height:40px; margin-top:0px;}
	.mid{width: 50%;}
	.mid .txt h1{font-size:19px; margin-bottom:8px;}
	.mid .txt h2{ margin-bottom:8px; font-size:15px;}
	.accordion dd>.content.active .location{width:35%; margin-left:10%;  }
}
@media only screen and (max-width :641px) {
	body {	overflow: auto;}
	
	.accordion .txt{width:90%; position:relative; top:auto; left:auto; text-align:center; display:block;
transition: all .4s ease-in-out; overflow-y:auto; float:left; background:white; margin:0; height:auto;}
	.accordion .button, .accordion dd>.content.active .button, .gallery, .txttwo, #close{display:none;}
	.accordion dd>.content.active, .accordion dd>.content, .glaze{width:100%; position:relative; bottom:auto; left:auto; height:auto; float:left;}
	#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel8, #panel9, #panel7{
	width: 100%;
	float: left;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	height: auto;
}
	.glaze{background-color:white;}
	.flexslider {
	position: relative;
	width: 100%;
	height: 300px;
	top: auto;
	left: auto; float:left;}
	.accordion .location{display:block; width:90%; float:left; margin:10px 5%;}
	.mid{
		width: 100%;
		position:relative;
		top:auto; left:auto;
		transform:translate(0,0);
		float:left;
	}
	.mid .txt {
		width: 90%;
		padding: 5%;
		background: rgba(46, 49, 145, 1);  margin-bottom:30px;
	}
	.txt {
	-webkit-box-shadow: none; 
  -moz-box-shadow:none;  
  box-shadow:none;  
}
	.logo{width:50px; float:left; position:absolute; top:60px; left:20px; z-index:999;}
	.imageone{background-image: url(../images/slide1-small.jpg);}
	.imagetwo{background-image: url(../images/slide2-small.jpg);}
	.imagethree{background-image: url(../images/slide3-small.jpg);}
	.imagefour{	background-image: url(../images/slide4-small.jpg);}
	ul.abt li, ul.list li{text-align:left;}
	.virtualtour{position:relative; width:100%; float:left; text-align:center;}
	.gallery, .txttwo.txtthree, #panel6{display: block; background-image: none;}
}
@media only screen and (max-width :481px) {
	.pics img{width:100%; float:left;}
	.pics img:last-child{float:left; margin-top:10px;}
}
.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top:50%; left:50%; 
  transform:translate(-50%,-50%);
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@-webkit-keyframes swing
{
     
    50%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    
    50%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}




.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #2e3192;
	position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; 
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
	width: 80px;
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
	
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	width: 100%;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	width: 11.11%;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 0px;	
	color:#fff;
	font-size:small;
	text-decoration:none;
	text-align: center;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav li:hover, nav li.current { 
	background-color: #000000; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: fixed; 
	/* has to be the same number as the "line-height" of "nav a" */
	left: 0;
	top: 49px; 
	width: 100%;
	background-color: black;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:100%;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul li a{text-align: left; padding-left: 30px;}
nav ul ul li a:hover{background-color: #f3ba17; color: #2e3192;}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}
.rc-anchor-pt{z-index: 99999;}