html{
    padding: 0;
    margin: 0;
}
body{overflow-x: hidden}
.menu{padding-top:10px;font-weight: bold}
.nav-link{text-decoration:none;color:#7b7a6c;margin-left:80px}
#pos {
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 99;
	background-color: rgba(255,255,255,0.8);
}
.video {
    width: 100%;
    height: 716px;
}
.logo {
    width: 20px;
}
a {
    text-decoration: none;
    color: black;
	
}


a:hover{
	text-decoration: none;
	color:black;
}


.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}
.openBtn:hover {
    background: #bbb;
}
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.6);
    background-image: url("../images/rat.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}
.overlay .closebtn:hover {
    color: #ccc;
}
.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}
.overlay input[type=text]:hover {
    background: #f1f1f1;
}
.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}
.overlay button:hover {
    background: #bbb;
}
.mainicon {
    border: 2px solid black;
    border-radius: 23px;
    background-color: #f5f5f5;
    color: #9bbb59;
    margin-top: 27px;
}


.iconimage {
    padding: 3% 19%;
}
.pad {
    padding: 3% 6% !important
}
.innericon {
  font-size: 36px;
padding-top: 13px;
padding-right: 15px;
transform: rotate(315deg);
text-align: center
}
.rhombus {
width: 75px;
height: 75px;
transform: rotate(45deg);
background-color:#fc6501;
margin-top: -36px;
padding: 1px;
margin-left: 98px;
    
	
}	   
	
.rhombus:hover {
    transform: translateY(-5px);
    background-color: #9bbb59;
    width: 72px;
    height: 72px;
    transform: rotate(45deg);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: -38px;
    
}
.icontext {
    color: black;
    font-size: 20px;
    font-family: 'Kaushan Script', cursive;
}
.bgimage {
    background-image: url("images/bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.maincontent {
    margin-top:22%;
}
.hfonts {
    font-family: 'Caveat Brush', cursive;
    font-size: 60px;
    line-height: 0.8;
	color: #3b3d40;
}
.mainheading {
    font-family: 'Caveat Brush', cursive;
    font-size: 40px;
    line-height: 0.8;
	color:#4f5255;
}
.bfonts {
    font-family: 'Cormorant Upright', serif;
    font-size: 17px;
    color: #423f3f;
}

.iconbutton {
    background-color: #fc6501;
    color: white;
    font-size: 21px;
    margin: 5% 1%;
}

.aboutzoo {
    height: 248px;
    width: 76%;
    padding: 1% 14% 14% 17%;
    background-color: #ffffff;
    border: 0px solid #9bbb59;
   box-shadow: 2px 2px 2px 2px #d7dbce;
    border-radius: 27px;
	margin:-3% 2% -18% 14%
}
.icondiv {
    border: 2px solid green;
    background-color: red;
    position: absolute;
}
.top {
    margin-top: 2%;
}

.imgpad .col-sm-2 {
    margin-left: 72px;
    margin-top: 147px;
}
.headingpad {
    padding: 12% 5%;
    margin-bottom: -21px;
}
.brkfstbg {
    background-image: url("../images/newbg2.jpg");
    background-size: cover;
    background-repeat: no-repeat;	
}
.stroke {
    position: absolute;
    top: 30px;
    left: 300px;
}
.pics img {
    width: 550px;
	height:550px;
	
}
.bg2 {
    background-image: url("../images/cheetahpattern.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 900px;
    position: relative;
}
.parallax2 {
    background: url("../images/lastbg6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 900px;
    background-attachment: fixed;
    position: relative;
}
.redpos {
  margin-left:9%;margin-top:48%;
}
.rhinopos {
        margin-left: -10%;
    margin-top: 5%;

}
.macawpos {
       
    margin-top: 5%;
}

.monpos {
        
    margin-top: 5%;

}
.whoweare1 {
   
    font-size: 20px;
    
}
.morethan {
	margin-top: 64%;
}
.wehead {
	font-family: 'Caveat Brush', cursive;
	font-size: 50px;
	margin-bottom: 2%;
}

.wepos {
    position: absolute;
    top: 300px;
    left: 5px;
}
.bor {
    border: 2px solid green;
    width: 120px;
    height: 120px;
}


.lasttext1 {
    position: absolute;
    top: 639px;
    left: 8px;
    font-size: 36px;
    border-radius: 14px;
    font-style: bold;
    font-family: "Libre Baskerville", Georgia, serif;
    color: white;
   
}
.lasttext2 {
    position: absolute;
    top: 700px;
    left: 8px;
    font-size: 36px;
    border-radius: 14px;
    font-style: bold;
    font-family: "Libre Baskerville", Georgia, serif;
    color: white;
  
}
.gpic1 {
    position: absolute;
    left: -53px;
    top: 30px;
    width: 258px;
    height: 135px;
}
.gpic2 {
    position: absolute;
    left: 126px;
    top: 29px;
    width: 235px;
    height: 287px;
}
.gpic3 {
    position: absolute;
    left: 287px;
    top: 29px;
  width:294px;
    height: 202px;
}
.gpic4 {
    position: absolute;
    left: 410px;
    top: 29px;
    width: 201px;
    height: 199px;
}
.gpic5 {
    position: absolute;
    left: 547px;
    top: 29px;
    width: 262px;
    height: 281px;
}
.gpic6 {
    position: absolute;
    left: -52px;
    top: 175px;
    width: 262px;
    height: 144px;
}
.gpic7 {
    position: absolute;
    position: absolute;
    left: 288px;
    top: 244px;
    width: 422px;
    height: 222px;
}
.gvideo {
    width:100%
}
.gpic9 {
    position: absolute;
    left: 190px;
    top: 470px;
    width: 422px;
    height: 222px;
	
}
.gpic10 {
    position: absolute;
    left: -49px;
    top: 338px;
    width: 233px;
}
	.pic1{padding:5px 0}
	.pic2{padding:23px 0px}
	.pic3{padding:23px 0px}
	
	.media1{
		
		
		overflow:hidden!important;
		
	}
	
	
	.img11:hover{
		transform: scale(1.1);
	transition: 1.2s ease;
	
		
	}
	.iconbor{
		border:2px solid green;
		width:120px;
		height:30px;	
		
		
	}
.str{
margin-top:-11%;	
}
	
	.nav-link {
    text-decoration: none;
    color: #7b7a6c;
    margin-left: 80px;
		}
	.nav-link {
    padding-right: 4.5rem !important;
    margin-right: 19px !important;
}	
		

	

.nav-link:hover {
	color: #fc6501;
}
/*				  
.footer {
		float: left;
	}
	.mainfooter {
		width: 100%;
		background-color: #6d6869;
		height: 375px;
	}
	.list {
		padding-top: 6%;
		padding-right: 7%;
		color: white;
	}
	.list ul li:first-child {
		font-size: 25px;
		color: #f79646;
		margin-bottom: 6px;
		font-family: 'Caveat Brush', cursive;
	}
	*/
li {
	font-family: 'Cormorant Upright', serif;
		color:rgb(208, 199, 199);
		font-size:17px;
}
ul {
	line-height: 30px
}
.fa-long-arrow-alt-right {
	color: #f27107;
	font-size: 20px;
}
.fa-long-arrow-alt-right:hover {
	color: #f27107;
	font-size: 20px;
}
li:hover .fa-long-arrow-alt-right {
	transform: rotate(-17deg);
}
	
	footer p{
		
	line-height:30px;	
	font-family: 'Cormorant Upright', serif;
		color:rgb(208, 199, 199);
		font-size:17px;	
	}