html { position:relative; min-height:100%; }
body{ padding:0; margin:0px; background:#fff; overflow-x:hidden;}
ul{ list-style:none;}
th { text-align:center; margin:0;}
body a { text-decoration:none; outline:none;}
body a:hover, body a:focus { text-decoration:none; outline:none;}
select { outline:none;}
a img { border:none;}
img{ border:0px;}
p{ padding:0; margin:0;}
h1, h2, h3, h4, ul, p{ padding:0; margin:0;}
textarea { resize:none;}
input::-moz-placeholder { opacity:1;}
/*input[placeholder], [placeholder], *[placeholder] { font:14px 'OpenSansRegular'; color:#999999!important; font-weight:normal;}*/
.clr { clear:both; height:0px;}

#pre_load{width:100%; height:100%; position:fixed; top:0; left:0; background: url(../img/loader.gif) no-repeat #fff 50% 50%; display:table; z-index:10}

#menu-toggle {z-index: 2; position: fixed; top: 0; right: 0; transition: all 0.4s ease 0s;  text-decoration : none; }
#sidebar-wrapper {z-index: 1000; position: fixed; top: 0; right: 0; width: 200px; height: 100%; margin-right: -200px; overflow-y: auto; background-color: rgba(247,166,0,0.9); /*#f7a600;*/ transition: all 0.4s ease 0s;}
#sidebar-wrapper.active {right: 200px; width: 200px; transition: all 0.4s ease 0s;}
.btn-lg {padding: 6px 8px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
.btn-dark {border-radius: 0; color: #fff; background-color: rgba(247,166,0,0.9);}
.btn-light {border-radius: 0; color: #f7a600 !important; background-color: rgb(255,255,255);}
.btn-light:hover, .btn-light:focus {color: #5E5C5E !important; background-color: rgb(255,255,255); border: 1px solid #5E5C5E;}
.btn:hover, .btn:focus, .btn.focus {color: #5E5C5E; text-decoration: none;border: 1px solid #5E5C5E;}
.toggle {margin: 5px 5px 0 0;}
.sidebar-nav > .sidebar-brand {height: 55px; font-size: 18px; line-height: 40px; text-transform: uppercase; color: #FFF;}
.sidebar-nav li {text-indent: 20px; line-height: 30px; text-transform: uppercase;}
.sidebar-nav a {font:700 17px "Comfortaa"; color: #333; transition: all 0.4s ease 0s;}
.sidebar-nav a:hover, .sidebar-nav a:focus {color: #FFF;}


 header { width:100%; float:left; background:url(../img/header-bg.jpg) bottom center no-repeat; z-index:11;}
.navbar  { width:auto; float:right; border:none; background:none; margin:0;}
.logo-sec { width:191px; float:right; margin:98px 0 0 0; position:absolute; right:360px}
.logo { width:100%; float:left;  }
 nav { width:100%; float:left;}
.menu { margin:325px 0 0; width:110px; float:right; }
.menu li { width:100%; float:left; margin:0 0 10px;}
.menu li a { font:700 17px "Comfortaa"; color:#534741 !important; padding:0; text-transform:uppercase;}
/*.menu li a:hover , .menu li a.active { color:#3a332f !important;}*/
.menu li a:hover , .menu li a.active { color:#EBA101 !important;}
.menu li:first-child { padding-left:0;}
.menu li:last-child { padding-right:0;}
.navbar-collapse { padding:0;}
.top-map { width:372px; position:absolute; top:50px; right:-70px;} 
.header-text { width:100%; float:left; text-align:right; font:700 42px "Comfortaa"; color:#fff; margin:260px 0 110px;}
.butter-fly { width:474px; position:absolute; left:-75px; bottom:-35px; z-index:1;}

.our-story-sec { width:100%; float:left; background:#f7f7f1; position:relative;}
.our-story-inner { width:100%; float:left;}
.our-story-inner .our-story-one { width:40%; float:left; padding:70px 20px 0;}
.our-story-inner .our-story-two { width:30%; float:left; background:#fbfbf9; padding:70px 20px 0;}
.our-story-inner .our-story-three { width:30%; float:left; padding:70px 20px 0;}
.our-story-content { width:100%; float:left; margin:0 0 50px;}
.our-story-content span { width:100%; float:left;}
.our-story-inner .our-story-content span img { margin:0 0 0 80px;}
.our-story-inner .our-story-one .our-story-content span img { display:block; margin:0 auto; }
.our-story-content h1 { width:100%; float:left; text-align:center; font:300 44px/50px "Comfortaa"; color:#f9a51a; margin:10px 0;}
.our-story-content h1 strong { width:100%; float:left; font-weight:700; font-size:60px;}
.our-story-content h2 { width:100%; float:left; font:700 18px/36px "Comfortaa"; color:#000000; margin:20px 0 0;}
.our-story-content p { width:100%; float:left; font:300 18px/36px "Comfortaa"; color:#000000; }
.our-story-three .our-story-content { margin:50px 0 0;}
.our-story-one .our-story-content  h2 { margin:20px 0 20px;}
.our-story-two .our-story-content  { margin:0 0 90px;}
.nama { width:133px; position:absolute; bottom:-70px; left:90%;}

.better-life-sec { width:100%; float:left; position:relative; padding:0 0 160px;}
.better-life-sec h1 { width:100%; float:left; text-align:center; font:300 44px/50px "Comfortaa"; color:#f9a51a; }
.better-life-sec h1 strong { width:100%; float:left; font-weight:700; font-size:60px;}
.better-life-sec h1 span { width:100%; float:left; margin:20px 0;}
.better-life-sec h1 span img { display:block; margin:0 auto;}
.better-life-slide { width:100%; float:left; position:relative; margin:45px 0;}
.carousel-control.left { width:20px; background:none; bottom:inherit; top:40px; left:43%;}
.carousel-control.right { width:20px; background:none; bottom:inherit; top:40px; right:43%;}
.feet { width:255px; position:absolute; bottom:-250px; left:0; right:0; margin:0 auto;}
.better-life-contant { width:100%; float:left;}
.better-life-contant img { float:left; margin:0 0 0 50px; }
.better-life-contant h2 { width:100%; float:left; font:700 17px/36px "Comfortaa"; color:#000000; margin:30px 0 0;}
.better-life-contant p { width:100%; float:left; font:300 17px/36px "Comfortaa"; color:#000000; margin:30px 0 0;}
.zebra { width:379px; position:absolute; top:0px; left:0;}

.flower-sec { width:100%; float:left; background:url(../img/flower-middle-big.jpg) top center no-repeat; position:relative;}
.flower-inner { width:100%; float:left; min-height:229px;  position:relative;}
.kudu { width:389px; position:absolute; left:0; bottom:-30px;}
.aloe { width:181px; position:absolute; top:-288px; right:380px;}
.donkey { width:547px; position:absolute; right:0; top:-290px; z-index:1;}

.product-sec { width:100%; float:left; background:#f7f7f1; position:relative;}
.product-inner { width:100%; float:left; padding:70px 0 0;}
.product-inner span { width:100%; float:left;}
.product-inner span img { margin:0 auto; display:block;}
.product-inner h1 { width:100%; float:left; text-align:center; font:700 59px/50px "Comfortaa"; color:#f9a51a; margin:10px 0;}
.product-content { width:100%; float:left; margin:0 0 70px;}
.product-content h2 { width:100%; float:left; font:700 17px/36px "Comfortaa"; color:#000000; margin:0 0 0;}
.product-content p { width:100%; float:left; font:300 17px/36px "Comfortaa"; color:#000000; margin:30px 0 0;}
.white-bg { padding:70px 20px 0; background:#fbfbf9;}
.bag { width:100%; float:right; margin:40px 0 0;}
.braai-with-bird { width:157px; position:absolute; bottom:20px; right:27%;}

.nature-sec { width:100%; float:left; position:relative; padding:185px 0 285px; background:url(../img/nature-back.jpg) top center no-repeat; background-attachment:fixed;}
.nature-sec-inner { width:500px; float:right; text-align:center;}
.nature-sec-inner h2 {  width:100%; float:left; font:700 24px/36px "Comfortaa"; color:#fff; margin:0 0 0;}
.nature-sec-inner p { width:100%; float:left; font:300 17px/36px "Comfortaa"; color:#fff; margin:30px 0 0;}
.womain { width:365px; position:absolute; top:-40px; left:0;}

.facilities-sec { width:100%; float:left; background:#f7f7f1; padding:70px 0 135px; position:relative;}
.facilities-content { width:100%; float:left; margin:0 0 30px; }
.facilities-content span { width:100%; float:left;}
.facilities-content span img { margin:0 auto; display:block;}
.facilities-content h1 { width:100%; float:left; text-align:center; font:700 59px/50px "Comfortaa"; color:#f9a51a; margin:10px 0;}
.facilities-content h2 {  width:100%; float:left; font:700 18px/36px "Comfortaa"; color:#000; margin:0 0 0;}
.facilities-content p { width:100%; float:left; font:300 17px/36px "Comfortaa"; color:#000; margin:30px 0 0;}
.fectory { width:100%; float:left; margin:330px 0 0; position:relative;}
.fsc-box { width:100%; float:center; margin:330px 0 0 50px; position:relative;}
.giraf { width:246px; position:absolute; top:-620px; right:-30px;}
.leaf { width:173px; position:absolute; top:-169px; right:155px;}
.facilities-right { width:100%; float:left; padding:0 0 0 20px;}
.sosatei { width:292px; position:absolute; bottom:270px; left:0;}

.adress-sec { width:100%; float:left; background:#fff; padding:55px 0; position:relative;}
.address-list { width:100%; float:left; }
.address-list li { width:50%; float:left; color:#222222; font:400 italic 20px/36px "Lato"; }
.address-list li span { display:table; margin:0 auto; min-height:110px; line-height:110px; vertical-align:middle;}
.address-list li img { display:table-cell; margin:0 auto;}
.address-list li a { color:#222222;}
.address-list li a:hover { text-decoration:underline;}
.map-sec { width:100%; float:left;} 
.map-width { width:100%; float:left; min-height:275px;}
.bird { width:410px; position:absolute; top:-250px; left:0; z-index:1;}

 footer { width:100%; float:left; padding:80px 0 40px; background:#fff url(../img/footer-bg.jpg) bottom center no-repeat; position:relative;}
.foot-links { width:100%; float:left; }
.foot-links h1 { width:100%; float:left; font:400 30px/36px "Comfortaa"; color:#000; margin:25px 0; text-align:center;} 
.footer-logo { width:100%; float:left;}
.footer-logo img { display:block; margin:0 auto;} 
.bottom-map { width:561px; position:absolute; top:-105px; left:100px;}
.tree-toko { width:370px; position:absolute; bottom:5px; right:18%;}
.copy-right { width:100%; float:left; text-align:center; margin:550px 0 40px;}
.copy-right h1 { width:100%; float:left; font:300 72px/72px "Comfortaa"; color:#000; text-align:center;} 
.copy-right p { width:100%; float:left; font:400 19px/22px "Comfortaa"; color:#000; text-align:center;} 
.px-effects { -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;}

.top-map img { width:100%;}
.butter-fly img { width:100%;}
.nama img { width:100%;}
.zebra img{ width:100%;}
.feet img{ width:100%;}
.kudu img { width:100%;}
.aloe img { width:100%;}
.donkey img { width:100%;}
.braai-with-bird  img{ width:100%;}
.womain img{ width:100%;}
.giraf img { width:100%;}
.leaf img { width:100%;}
.sosatei img{ width:100%;}
.bird img { width:100%;}
.bottom-map img { width:100%;}
.tree-toko img { width:100%;}

#scrollToTop {width: 35px; height: 33px; vertical-align: text-bottom; text-align: center; position: fixed; padding-bottom: 5px; bottom: 10px; right: 10px; transition: all 0.1s ease-in; background-color: #F7AE19; font-size: 28px; color: #FFF;  text-decoration : none; }
	#scrollToTop:hover, #scrollToTop:focus {background-color: #F7AE19; border: 1px solid #5E5C5E; color: #5E5C5E;}
	
	/*Menu*/
.bmenu{
    position: relative;
}
.bmenu li{
    display: block;
}
.bmenu li a{
	color: transparent;
	/*text-shadow: 0px 0px 5px #fff;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bmenu:hover li a{
	/*text-shadow: 0px 0px 5px #0d1a3a;*/
}
.bmenu li a:hover{
	color: #fff;
	/*text-shadow: 0px 0px 1px #fff;*/
}