/*
Theme Name: Zanzibar Star Resort
Theme URI: https://simbadesign.co.tz
Author: Simba Design
Author URI: https://simbadesign.co.tz
Description:
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: simbadesign
*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	max-height: 100%;
}
html, body {
	height: 100%;
}
.skrollr-desktop body {
	height: 100% !important;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	background: #f1f1f1;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}
a:hover, a:active {
	outline: 0;
}
a img {
	border: 0;
}
.top-div-wraper {
	background: rgba(255,255,255,1);
	width: 100%;
	z-index: 999999;
	position:absolute;
	left:0;
	top:0;
}
.logo-container {
}
.logo-container img {
	outline: none;
}
.main-menu a {
	color: #4d4b4b;
	text-decoration: none;
	display: block;
	font-weight: 300 !important;
	text-transform: uppercase;
}
.main-menu a:hover {
	text-decoration: none;
}
.the-slider, .the-slider li {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	background:none !important;
}
.main-slider {
	position: relative;
}
.main-slider-image {
	overflow: hidden;
}
.slide2-container {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 9 !important;
}
.slide2-container h3 {
	color: #FFF;
	font-weight: 300;
	margin: 0;
}
.slide2-container h4 {
	color: #FFF;
	font-weight: 300;
}
.slide2-container a, .join-today {
	display: inline-block;
	padding: 12px 30px;
	background: #4c3581;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	font-size: 12px;
	/*border-bottom:5px solid rgba(40,40,70,.6);*/
	text-transform:uppercase;
	font-weight:bold;
}
.slide2-container a i{
	font-size:20px;
	line-height:16px;
	float:right;
	padding-left:10px;
}
.slide2-container a:hover {
	color: #FFF;
}
.main-overlay {
	position: absolute;
	z-index: 1;
	background: rgba(21,71,116,.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.main-slider-content {
	border-radius: 360px;
	-moz-border-radius: 360px;
	-webkit-border-radius: 360px;
	border: 4px solid #FFF;
	width: 370px;
	height: 370px;
	position: absolute;
	left: 37%;
	top: 160px;
	z-index: 2;
	box-shadow: 0 0 3px rgba(0,0,0,.8);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.8);
}
.main-slider-content-wrapper {
	border-radius: 400px;
	-moz-border-radius: 400px;
	-webkit-border-radius: 400px;
	width: 580px;
	height: 580px;
	position: absolute;
	left: 29.5%;
	top: 55px;
	z-index: 2;
	box-shadow: 0 0 3px rgba(0,0,0,0);
	background: rgba(255,255,255,0);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.main-slider-content-wrapper:hover {
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	background: rgba(255,255,255,.6);
	-moz-transition: all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}
.main-slider-content>div {
	border-radius: 360px;
	-moz-border-radius: 360px;
	-webkit-border-radius: 360px;
	width: 370px;
	height: 370px;
	position: relative;
}
.circle, .main-slider-content-small {
	border-radius: 360px;
	-moz-border-radius: 360px;
	-webkit-border-radius: 360px;
	border: 3px solid #4d4b4b;
	background: #FFF;
	width: 90px;
	height: 90px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.main-slider-content-small {
	left: 46%;
	top: 290px;
	text-align: center;
}
.main-slider-content-small img {
	margin-top: 20px;
}
.circle p {
	line-height: 80px;
	text-align: center;
	font-weight: 300 !important;
}
.circle a {
	color: #000;
	text-decoration: none;
}
.circle1 {
	left: 120px;
	top: -102px;
	z-index: 2;
}
.circle2 {
	right: -50px;
	top: 0;
	z-index: 2;
}
.circle3 {
	left: -74px;
	top: 250px;
	z-index: 2;
}
.circle4 {
	right: -62px;
	top: 250px;
	z-index: 2;
}
.circle5 {
	left: -80px;
	top: 30px;
	z-index: 2;
}
.circle6 {
	left: 120px;
	bottom: -94px;
	z-index: 2;
}
.services-wrapper {
	padding: 0;
}
.services-wrapper h2 {
	color: #aa7b2a;
}
.services-wrapper h2 {
	padding-top: 30px;
}
.clr, .clear {
	clear: both;
}
.service-list >li {
	height: 300px;
	margin-bottom: 10px;
	color: #FFF;
}
.service-list >li>.service-icon {
	text-align: center;
	margin: 0 auto;
	height: 120px;
	width: 120px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px;
	background: rgba(0,142,203,1);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.service-list >li:hover>.service-icon {
	background: rgba(0,142,203,.8);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.service-list >li>.service-icon i {
	color: #FFF;
	font-size: 50px;
	line-height: 120px;
}
.service-list >li>h3, .team-list>li>h3 {
	font-weight: 300 !important;
	font-size: 20px;
	text-align: center;
}
.team-list>li>h4, .duties>h4 {
	font-weight: 300 !important;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.team-list>li * {
}
.team-list>li>a.read-more, .service-list>li>a.read-more {
	display: block;
	text-align: center;
	border: 1px solid #717171;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 0;
	font-size: 12px;
	color: #717171;
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.service-list>li>a.read-more {
	color: #FFF;
	border: 1px solid #FFF;
}
.service-list>li>a.read-more:hover {
	background: #FFF;
	color: #008ecb;
	background: rgba(255,255,255,1);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.service-list-inside {
	color: #111;
}
.service-list >li {
	height: 300px;
	margin-bottom: 10px;
	color: #FFF;
	padding:0;
}
.service-list-inside >li>.service-icon {
	text-align: center;
	margin: 0 auto;
	height: 205px;
	width: 319px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: rgba(0,142,203,1);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	padding:0 !important;
}
.service-list-inside >li>.service-icon img{
	width:100%;
}
.service-list-inside>li:hover>.service-icon {
	background: rgba(0,142,203,.8);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.service-list-inside >li>.service-icon img {
	color: #FFF;
	font-size: 50px;
	line-height: 120px;
}
.service-list-inside>li>.service-info>h3 {
	font-weight: 300 !important;
	font-size: 20px;
	text-align: left;
	color: #333;
}
.service-list-inside >li>.service-info{
	width:319px;	
}
.service-list-inside >li>.service-info>p {
	font-size: 12px;
	text-align: left;
	margin: 0;
	color: #333;
}
.service-list-inside >li {
	padding-bottom: 40px;
}
.duties {
	padding: 0 0 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #008ecb;
	border: 1px solid #008ecb;
	text-align: center;
	color: #FFF;
}
.duties>h4 {
	border-bottom: 1px solid #076e9b;
	padding: 0 0 10px !important;
}
.duties>p {
	padding: 2px 0 !important;
	margin: 0 !important;
}
.service-list >li>p, .team-list>li>p {
	font-size: 12px;
	text-align: center;
	margin: 0 20px;
}
.team-list-inside>li>p {
	color: #222;
}
.team-list >li>.team-picture {
	text-align: center;
	margin: 0 auto;
	height: 214px;
	width: 214px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	border-radius: 120px;
	background: rgba(255,255,255,1);
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	overflow: hidden;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
}
.container >h2 {
	font-size: 30px;
	font-weight: 300;
}
.container-inside>h2, .container >p {
	color: #111;
}
.container >p {
	text-align: justify;
	padding-bottom: 20px;
}
.quote-wrapper, .facilities-wrapper {
	/*background:rgba(40,106,144,.5);	*/
	padding-bottom: 50px;
}
.image-hider {
	background: rgba(40,106,144,.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.team-wrapper {
	padding-bottom: 100px;
}
.quote-form {
	margin-top: 20px;
	margin-bottom: 20px;
	background: #FFF;
	overflow: hidden;
	position:relative;
}
.quote-form h2 {
	margin: 0 !important;
	font-size:18px;
	text-transform:uppercase
}
.quote-form h2, .quote-form p {
	color: #000;
}
.quote-form-header {
	padding: 16px;
}
.quote-form>label {
	font-weight: normal !important;
	padding-bottom:10px;
}
.quote-form>label>span {
	display: block;
}
.quote-form label>input[type=text], .quote-form label>input[type=email], .quote-form label>select, .quote-form label>input[type=tel], .quote-form label>textarea, .captcha-code {
	min-width: 99%;
	padding: 8px;
	display: block;
	outline: none;
	border:1px solid #4c3581;
	color:#4c3581;
}
.quote-form>label>textarea {
	min-width: 99%;
	border: 1px solid #4c3581;
	resize: none;
	max-height:120px !important;
	color:#4c3581;
}
.quote-form>label>select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #4c3581;
	color:#4c3581;
}
.quote-submit {
	display: block;
	padding: 10px 30px;
	border: 1px solid #4c3581;
	background: #4c3581;
	color: #FFF;
	margin-right: 10px;
}
.footer {
	padding: 30px 0;
	background: #FFF !important;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
}
.footer-hotline {

}
.footer-hotline a {
	text-decoration: none;
	color: #555;
}
.contat-details {
	color: #222;
}
.contat-details p {
	color: #222;
}
.menu-overlay {
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	z-index: 99;
	position: fixed;
	left: 0;
	top: 60px;
	display: none;
}
.ask-us{
	display:block;
	float:right;
	background:#55a276;
	color:#FFF;
	padding:6px 10px;
	margin-top:30px;	
	margin-right:30px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
.ask-us i{
	color:#FFF;
	font-size:14px;
	float:left;
	padding-right:6px;
	line-height:18px;	
}
.header-details h5{
		font-weight:bold;
		color:#000001;
		padding-top:20px;
		font-size:16px;
}
.header-details p{
		color:#0a3e21;
		padding-top:0;
		font-size:14px;
}
.header-details p i{
	color:#146336;
}

.home-carousel{
	
}
.home-carousel>ul{
	margin:0;
	padding:0 !important;	
}
.home-carousel>ul>li{
	margin:0 !important;
	padding:0 !important;
	position:relative;
	height:205px;
	overflow:hidden;
}
.home-carousel>ul>li>a{
	position:absolute;
	left:0;
	bottom:0;
	width:98%;
	text-align:center;
	color:#4c3581;
	background:rgba(255,255,255,1);
	-moz-transition:all .3s linear 0s;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	height:38px;
	z-index:9999999;
	padding:10px 0 !important;
	display:block;
	text-transform:uppercase;
	font-weight:bold !important;
	font-size:12px !important;
}
.home-carousel>ul>li>div{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:98%;
	overflow:hidden;
}
.home-carousel>ul>li:hover>a{
	display:block;
	-moz-transition:all .3s linear 0s;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
}
.home-carousel>ul>li .room-intro{
	position:absolute;
	left:0;
	bottom:0;
	height:100%;
	width:100%;
	overflow:hidden;
	background:rgba(0,0,0,.8);
	z-index:9999;
	-moz-transition:all .3s linear 0s;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	opacity:0;
}
.home-carousel>ul>li:hover .room-intro{
	opacity:1;
	-moz-transition:all .3s linear 0s;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
}
.home-carousel>ul>li .room-intro a{
	text-align:center;
	padding:10px;
	color:#FFF;
	display:block;
	border:1px solid #FFF;
	text-decoration:none;
	margin:60px 40px 0 40px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
}
.carousel-separator{
	border-bottom:1px solid #eee;
	height:10px;
	margin:10px -15px ;
	clear:both;	
}
.carousel-heading a{
	font-size:12px;
	text-transform:uppercase;
	color:#022f56;
	padding:2px 0;
	display:block;
	font-weight:bold;
}
.parallax-slider{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;	
}
.right-content-container{
	
}
.right-panel{
	padding:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;	
}
.right-panel h3{
	margin:0 !important;
	font-size:20px;
	font-weight:300;
	background:#fbfbfb;
	color:#70a274;
	padding:10px;
	border-bottom:1px solid #eee;
}
.container-inside h2{
	margin:30px 0 10px !important;
	padding:0 !important;
	font-size:36px;
	font-weight:300;
	color:#4c3581 !important;
}
.news-list>li{
	padding:0 10px;
}
.news-list>li:last-child a{
	border-bottom:0;
}
.news-list>li>a{
	border-bottom:1px solid #f1f1f1;
	display:block;
	padding:10px 0;
}
.news-list>li>a i{
	float:right;
}
.news-header img{
	max-width:105%;
	min-width:100%;
}
.news-header{
	overflow:hidden;
	width:100%;
	border:1px solid #eee;	
}

.fieldset {
	border-bottom: 1px solid #e9e9e9;
	padding: 14px 0;
	font-size: 14px!important;
	font-weight: 400!important;
	background: #FFF;
	overflow: hidden
}
.fieldset div.label > strong {
	font-weight: 300!important
}
.fieldset:hover input {
	border-bottom: 1px solid #f3f2f2;
	outline: none
}
.fieldset div.label {
	font-weight: 300;
	padding-top: 8px;
	color: #000;
	text-align:left !important;
	font-size:14px !important;
}
.fieldset div.input-value {
	padding-left: 10px;
	padding-top: 6px;
}
.fieldset-last {
	border-bottom: none!important
}

.fieldset div.input-value input[type=text], .fieldset div.input-value input[type=date], .fieldset div.input-value input[type=email], .fieldset div.input-value input[type=password], .fieldset div.input-value input[type=number], .fieldset div.input-value textarea, .fieldset div.input-value select {
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: 300;
	width: 96%;
	font-family: FontAwesome, Helvetica
}
.fieldset div.input-value select{
	 -moz-appearance:none;
	 -webkit-appearance:none;
	 appearance:none;
	 background:url(https://ec85f3.claudeassets.com/20190827184034im_/http://zanzibarstarresort.com/images/arrow-down.png) right no-repeat;
	 width:100%;
}
.fieldset div.input-value select:after {
	 
}
.fieldset:last-child, .last-fields {
	border: none!important
}
.left{
	float:left;	
}
.half{
	width:50%;	
}
.from-container h4{
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
}
.from-container{
	padding:10px;
	background:#f1f1f1;
	border:1px solid #eee;	
}

.client-list{
	
}
.client-list>li{
	margin-right:6px;
	float:left;
}
.client-logo{

}
.client-info{
	background:#55a276;
	position:relative;
}
.client-info h4{
	margin:0 !important;
	padding:30px 0 10px;
	text-align:center;
	color:#FFF;
}
.client-info h4 a{
	color:#FFF;
	text-transform:uppercase;
}
.client-info p{
	color:#FFF;
	text-align:center;
	border-bottom:1px solid #FFF;
	padding-bottom:26px;
}
.client-info >a{
	color:#FFF;
	text-align:center;
	font-weight:bold;
	display:block;
}
.clients-bottom-bar{
	
}
.clients-bottom-bar .join-today{
	background:#55a276;
	display:block;
	padding:10px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;	
}
.clients-bottom-info{
	font-weight:bold;
	font-size:14px;
	color:#878f9b;
	padding-top:10px;	
}
/*
     FILE ARCHIVED ON 05:21:25 Dec 05, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:13:42 Jun 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.465
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.042
  esindex: 0.01
  cdx.remote: 5.704
  LoadShardBlock: 67.966 (3)
  PetaboxLoader3.datanode: 84.23 (5)
  PetaboxLoader3.resolve: 346.446 (3)
  load_resource: 422.824 (2)
*/