/* mbhuju@gmail.com */
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');

body{margin:0px;  font-family: "Red Hat Text", sans-serif; font-size:16px; color:#000; font-weight: normal; line-height:26px; }

a:link, a:active, a:visited{ color:#055044;  text-decoration:none; }
a:hover{color:#000; text-decoration:none;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited { font-size:12px; color:#ffffff;   text-decoration:none;}
a.footermenu:hover{color: #fff;}

a.cart_button:link, a.cart_button:active, a.cart_button:visited { color:#055044;   text-decoration:none;}
a.cart_button:hover{color: #ccc;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#033F36; padding:8px 20px; font-weight:600;  text-decoration:none; text-transform:uppercase; display: inline-block; margin: 10px;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink:hover {background:#ffffff; text-decoration:none; color: #033F36;}

/*********
HEADER
******/
.container{ width:96%; margin: 0 auto;}
.blockleft{ width:30%; float: left;}
.blockright{ width:70%; float: left; text-align: right;}


#topbar{ width:96%; padding: 10px 2%; color: #055044; font-size: 14px; }

#logo{ width:100%; background: url("../img/topbg.jpeg") repeat-x #fff; text-align: center;}

#menu{ width:100%; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; background: #f8f8f8; text-align: center;}
#menuframe{ width: fit-content; margin:0 auto;}


/****************/
#content{max-width:1156px; background: #fff; padding: 50px 0; margin: 0 auto;}	


/*******
FOOTER
*********/
	#footer_bottom{width:100%; background:#033F36; color:#FFF; padding:25px 0; color: #fff; }
	#footeleft{ width:30%; float: left; margin-left: 2%;}
	#newsletter{ width:30%; background: #FDE295; padding:20px; text-align: center; float: left; color: #000;}
	#footerright{ width:30%; float: right; text-align: right; margin-right: 2%; font-size: 12px;}


/*******
STYLE
*********/
h1{font-family: "Bitter", serif; font-size:35px; line-height:40px; color:#033F36; font-weight:600; margin-top:0; text-transform:capitalize;margin-bottom:8px;}
h2{font-family: "Bitter", serif; font-size:25px; line-height:25px; color:#033F36; font-weight:600; margin-top:0; text-transform:capitalize;margin-bottom:8px;}

.style1{font-family: "Bitter", serif; font-size:30px; color:#FFF; line-height:40px;}
.style2{font-family: "Bitter", serif; font-size:22px; color:#000; line-height:40px;}

.font14{ font-size:14px;}

input, textarea, select {  background:#ffffff; border:1px solid #dedede; font-size: 16px; padding: 10px;}


/*******
MISC
*********/

.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color:#5c6b80; text-decoration:none; }

#contact_form{
	max-width:480px;
}

#contact_form label{
	color:#5c6b80;
	font-weight:normal;
}

#contact_form input, #contact_form textarea{
	padding:6px;
	background-color:#eaedf2;
	border-radius:3px;
	border:none;
}

#contact_form .forms_form {
	margin:8px 0px;
}


#contact_form input[type=button]{
	text-align:center;
	width:128px;
	color:#024036;
	padding:10px;
	border:2px solid #024036;
}

#contact_form input[type=button]:hover{
	background-color: #024036;
	color:#FFFFFF;
	border:2px solid #024036;
}

#contact_form input[type=button]:active{
	background-color: #FFFFFF;
	color:#024036;
	border:2px solid #024036;
}

#microsite_title {
    padding: 0px 0px 8px 0px;
    margin: 16px 0px;
    border-bottom: 1px solid #EEEEEE;
}