/*css document  Balinga November 2016*/
@import "../css/reset.css";@import "../css/skeleton_12.css";@import "../css/superfish.css";@import"../css/flexslider.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family: "Comic Sans MS", sans-serif; font-size:16px; line-height:18px; color:#016f52; min-width:320px; background:#ffff ; -webkit-text-size-adjust: none;}



.main{width:1042px; margin:0 auto;background:#fff;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left;}
.f_right {float:right; }
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.wrapper1 {width:80%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_none{border:none !important;}
.date {color:#36bfff; text-decoration:underline;	}
.question {font-size: 9pt;}
.quote {
	margin:5px;
	padding: 6px 10px 6px 30px;
	color: #000000;
	border: #016f52 solid 2px;
}
.sidebar{ 
  margin: 8px 10px 10px 0px;
  padding-left: 5px;
  padding-right: 5px;
 
  border-bottom: 1px solid #d9cbef;
}
/*==================================== Links ======================================================== */
a {text-decoration: underline; color:	 #09595a;
}
a:hover {text-decoration:underline;
}
.stlink {
	color: #066766;
	font-size: 14px;
	font-weight: bold;
}
/*********************************Displays*************************************/
.block{ display:block;
font-size: 13px;
margin:0 0 10px 0;
padding:0 10px 10px 10px;
border-bottom: 1px solid #E0E0E0;
line-height:15pt;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 20px 0 43px;}
h1{font-weight:normal; font-size: 36px; line-height: 30px; float:left;padding-bottom:5px;padding-top:32px;color:#7a3d8f;}
#main_page header{padding-bottom:43px;}
/*********************************content*************************************/
#content {padding:40px 0px 83px 0px;}
.cont_pad{padding:45px 0 83px 0 !important;background:none !important;}
#fatcontent{padding:40px 5px 83px 5px;}

/*===============================>> Paragraphs <<=============================*/

p {
	margin-left:10px;
	margin-right: 5px;
	margin-bottom:18px;
	font-weight:normal;
}
.p2{ margin-bottom:16px;}
.p3{ margin-bottom:14px;}
.p4{ margin-bottom:19px;}
.p5{ margin-bottom:22px;}
.p6{ margin-bottom:23px;}
.p7{margin-left:95px}
.p8{font-weight:bold;}

.sideline {
	margin-bottom: 20px;
	text-transform:none;
	color: #7f3e98;
	font-size: 20px;

}
.newone {font-weight:normal; font-size: 13px; color:#404040;}
/*===============================>>logo bottom of pages<=============================*/
.slogo {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #036161;
	text-align:center;
}
.logo1{	font-weight: bold;
	font-size: 16px;
	color: #066766;
	text-align:center;
}

/*===============================>>and<=============================*/
/*for google map*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    width: 100% !important;
    height: 100% !important;
    position:absolute;
}

.reference
{	font-size: 11px;
	color: #000000;  }
	
.fire{
	color: #FFFFFF;
	font-weight: bold;
}
.notfound {font-size: xx-large; color: #006666;}

	 /*images*/
.imgborder{
		 border:none;}
.imgright{
padding: 3px;
display:inline;
background: #ffffff;
border: 1px solid #1a7f61;
margin:10px 20px 5px 20px;
float:right;
}
.imgleft{
padding: 3px;
display:inline;
background: #ffffff;
border: 1px solid #1a7f61;
margin:10px 10px 5px 0;
float:left;
}
.imgcenter{
padding: 1px;
display:inline;
background: #ffffff;
border: 1px solid #1a7f61;
margin: 0;
}
.imgtop{
padding: 0px;
display:inline;
background: #eae5d8;
border: 1px solid #000000;
margin: 0;
}
.imglink{
display:inline;
border: 1px solid #08595A;
margin: 0;
}
.imgedge{
padding: 3px;
display:inline;
background: #ffffff;
border: 1px solid #1a7f61;
margin:10px 10px 5px 0;
float:left;

}
	/* Links */
/*================================>> LISTS <<========================================*/
ul {margin:0; padding:0;list-style-image:none;}
ul.list li {padding-bottom: 5px; line-height:25px; list-style:circle;margin-left:15px;}

.list1{}
.list1 li{ background:url(../images/marker1.png) 1px 7px no-repeat;padding: 3px 0 0 27px;margin-bottom:9px;}
.list1 a{}

.list2{}
.list2 li{ 1px 0 0  7px no-repeat;padding: 1px 0 0 27px; margin-bottom:9px;}
.list2 a{color: #adcefa;}
/*================================>> H <<========================================*/
h2.{font-weight:normal; font-size: 28px; font-color:#016f52; }
h2,h3{font-weight:normal;}
h2{ margin-left:10px;
	font-size: 28px;
	line-height: 36px;
	color:#016f52;
	margin-bottom:28px;
}
h2 span{display:block;margin-top:-1px;}
h3 {margin-left:10px;font-size:20px; color:#431c4a;}
h4 {margin-left:10px; margin-right: 5px; font-size:17px; font-weight:normal; color:#431c4a;} 
h2.ind{ margin-bottom:30px; }
h2.ind1{ margin-bottom:25px; }
h2.ind2{ margin-bottom:33px;}
h2.ind3{ margin-bottom:35px;}
h2.ind4{ margin-bottom:26px;}
h5{margin-left:10px;font-size:15px; font-weight:bold;} 
h6{margin-left:10px;font-size:12px; font-weight:bold;} 

/*================================>><<========================================*/

/* Footer */

#footer {
	clear: both;
	padding: 15px 0 0px 12px;
	border-top: 2px solid #1a7f61;
	background:#a05cbc;
	text-align: left;
	font-size: 11px;
    height:45px;
}

#footer p {
	color: #cccccc;
}

#footer a {
	color: #cccccc; text-decoration:underline;
}
.webdesign a{font-size: 11px; color:#dadada; float:right; margin-right:36px;}
.webdesign a:hover {text-decoration:underline; }

/*================================>>copyright<<========================================*/
.copyright {
	width: 100%;
	clear: both;
	margin: 5px 0 30px 0;
	font-size: 9px;
	padding: 0;
	background: #ffffff;
	margin: 0 0 10px 0;
	text-align:left;
	color: #000000;
	border-top: 1px solid #f2f2f2;
}
.copyright a {
color:#000000;
text-decoration:none;
}

.copyright a:hover {
text-decoration:underline;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px){
	.main{width:1000px;}
	body{background:#ffffff;}
}
@media only screen and (max-width: 995px) {
	.main{width:768px;}
	.flexslider{width:748px;height:326px;}
	.flexslider .caption{bottom:0px;height:49px;width:100%;background: url('../images/banner.png') repeat;}
	.flexslider .slides>li{width:788px;}
	.species img{width:220px;}
	.welcome>div{overflow:visible;}
	.photo .price{font-size:25px;}
	.photo .text{width:180px;}
	#map_canvas{width:280px;}
	.features{}
	.features>li>figure img{width:80px;}
	.we img{width:220px;}
}

@media only screen and (max-width: 767px) {
	.main{width:420px;position:relative;}
	#search, .sf-menu{float:none;}
	#search{margin:0;clear:both;padding:10px 0;}
	.cont_pad{padding-top:30px !important;}
	.flexslider{width:410px;height:180px;padding-bottom:10px;margin:0 auto;}
	.flexslider .slides>li{width:410px;}
	.flexslider .slides .caption{bottom:0px;height:49px;width:100%;background: url('../images/banner.png') repeat;}
	.species img{width:404px;}
	.welcome>div{overflow:visible;}
	.stripe1, .stripe2, .stripe3{margin-bottom:20px;padding-bottom:0px;}
	#map_canvas{width:400px;}
	.we img{width:405px;}
	header{position:absolute;z-index:10;top:-48px;}
	header h1 a{}
	nav{position: relative;z-index:1;border-bottom:none;padding-top:70px;}
	#content{padding: 20px 0 30px !important;}
	.flexslider{padding-top:20px;}
	#contact-form input{width:400px;}
}

@media only screen and (max-width: 479px) {
	.main{width:300px;}
	.flexslider{height:120px;width:300px;}
	.flexslider .slides>li{width:300px;}
	.species img{width:285px;}
	.social, h1, .welcome>figure{float:none;}
	.welcome .img_wrap{width:284px;margin-bottom:25px;}
	.news .text{padding-top:18px;}
	.social{clear:both;}
	.caption{display:none;}
	.cont_pad, #content{padding-bottom:30px !important;}
	#map_canvas{width:284px;}
	.we img{width:285px;}
	nav{padding-top:100px;}
	footer{padding: 27px 0px 26px; text-align:center;}
}