/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}
/* ---------------- common tags --------------------- */
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.ls-row-clr, .clear {
	clear:both;
	line-height:0px;
	height:0px;
}
textarea {
	overflow:auto;
	font-family: "Raleway", Arial, sans-serif;
}

img {
	max-width:100%;
}
.MT10 {
	margin-top:10px;
}
.MTB10 {
	margin:10px 0;
}
/* ---------------- layout tags --------------------- */
.box {
	width:980px;
	margin:0 auto;
}
/* navigation */
.mainnav_wrapper {
	width:100%;
	z-index:99999;
	top:-20px;
	transition: top 400ms ease 0s;
	background:#52be80;
}
.fixed-header {
	position:fixed !important;
	top: 0;
	transition: top 400ms ease 0s;
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
	background:#52be80;
	width:100%;
}
.logo-sm {
	display:none;
	float:left;
	width:100%;
	text-align:center;
}
.navigation {
	background:#52be80;
	position:relative;
	z-index:999;
}
.navigation ul {
	margin-bottom:0px;
	padding:0px
}
.navigation .micon {
	background:url(../images/micon.png) no-repeat;
	width:36px;
	height:36px;
	display:block;
	text-indent:-99999px;
	position:absolute;
	right:10px;
	top:8px;
	z-index:10;
	display:none;
	cursor:pointer;
}
.navigation .mtext {
	position:absolute;
	left:10px;
	top:4px;
	z-index:10;
	display:none;
	color:#ddd;
	line-height:36px;
}
.navigation li {/*position:relative;*/
	z-index:1;
}
#navbar {
	position:relative;
	z-index:99;
	width:100%;
	display:table;
}
#navbar>li:first-child, #navbar>li:first-child>a, #navbar>li:first-child:hover>a {
	border:none;
	background:#ffffff;
	color:#52be80;
}
#navbar>li {
	line-height:44px;
	display:table-cell;
}
#navbar>li>a {
	display:block;
	font-size:16px;
	font-weight:600;
	padding:2px 10px 0 10px;
	color:#ffffff;
	font-family: "Raleway", Arial, sans-serif;
	text-align:center;
}
#navbar>li:hover>a, #navbar>li.active>a {
	background:#fff repeat;
	color:#52be80;
	border-top: solid 2px #ffffff;
	padding-top: 0;
	text-decoration:none;
}
#navbar>li:hover>.ddnav {
	display:block;
	top: 46px;
	transition: top 400ms ease 1s;
}
/* dropdown */
.ddnav {
	position:absolute;
	left:0;/*top:100%;*/
	z-index:10000;
	background-color:#fff;
	border-bottom:solid 5px #ccc;
	border-top:none;
	display:none;
	top:-20px;
	border-radius: 0 0 5px 5px;/*white-space:nowrap;*/
	width:980px;
	box-shadow:0 4px 10px rgba(0, 0, 0, .2);
	padding-bottom:10px;
}
.ddleft_wrapper {
	width:25%;
	float:left;
	border-right: solid 1px #f0eeee;
}
.ddleft_wrapper ul {
	padding-top:5px;
	padding-left:0;
}
.ddleft_wrapper li a {
	padding-left:30px;
	margin-left:0px;
	font-size:14px;
	line-height:24px;
	font-family: "Raleway", Arial, sans-serif;
	position:relative;
	display:block;
	color:#8c8c8c;
	text-transform:capitalize;
}
.ddleft_wrapper li a:hover {
	color:#000;
	padding-left:30px;
	margin-left:10px;
	transition: margin 200ms ease 0s;
}
.ddleft_wrapper h2 a {
	font-family: "Raleway", Arial, sans-serif;
	color:#333333;
	text-transform:uppercase
}
.ddleft_wrapper h2 a:hover {
	text-decoration:none;
}
.ddleft_wrapper h2 {
	color: #333;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	padding: 10px 0 0 30px;
}
.ddmid_wrapper {
	width:25%;
	float:left;
	border-right: solid 1px #f0eeee;
}
.ddmid_wrapper ul {
	padding-top:5px;
	padding-left:0;
}
.ddmid_wrapper li a {
	padding-left:20px;
	margin-left:0px;
	font-size:14px;
	line-height:24px;
	font-family: "Raleway", Arial, sans-serif;
	position:relative;
	display:block;
	color:#8c8c8c;
	text-transform:capitalize;
}
.ddmid_wrapper li a:hover {
	color:#000;
	padding-left:30px;
	margin-left:10px;
	transition: margin 200ms ease 0s;
}
.ddmid_wrapper h2 a {
	font-family: "Raleway", Arial, sans-serif;
	color:#333333;
	text-transform:uppercase
}
.ddmid_wrapper h2 a:hover {
	text-decoration:none;
}
.ddmid_wrapper h2 {
	color: #333;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	padding: 10px 0 0 20px;
}
@media screen and(min-width: 1024px) and (max-width: 1900px) {
 .navigation .micon {
display:none !important;
}
 #navbar {
display:block !important;
}
 .subnav .micon {
display:none !important;
}
}

/* For iPad  Mode */
@media screen and (min-width: 768px) and (max-width: 979px) {
.box {
width:auto;
margin-left:10px;
margin-right:10px;
}
.navigation .micon {
display:block;
}
.navigation .mtext {
display:block;
}
.navigation {
height:44px;
}
#navbar {
background:#111;
position:absolute;
left:0;
top:100%;
z-index:10;
width:100%;
display:none;
}
#navbar>li:first-child, #navbar>li:first-child a {
border-top:none;
background:none;
}
#navbar>li>a>.iconhome {
background:none;
width:auto;
height:auto;
margin-top:0;
display:block;
font-style:normal;
text-indent:0px;
}
#navbar>li {
float:none;
margin:0;
border-left:none;
display:block;
}
#navbar>li>a {
border-top:solid 1px rgba(255, 255, 255, .2);
border-left:none;
text-align:left;
}
#navbar>li:first-child>a:hover {
background:-moz-linear-gradient(center top, #F4F4F4, #EEEEEE) repeat;
color:#000;
}
#navbar>li>.ddnav, #navbar>li:hover>.ddnav {
display:none;
}
}

/* For iPhone  Mode */
@media screen and (max-width: 767px) {
.box {
width:auto;
margin-left:10px;
margin-right:10px;
}
.navigation .micon {
display:block;
}
.navigation .mtext {
display:block;
}
.navigation {
height:44px;
}
#navbar {
background:#111;
position:absolute;
left:0;
top:100%;
z-index:10;
width:100%;
display:none;
}
#navbar>li:first-child, #navbar>li:first-child a {
border-top:none;
background:none;
}
#navbar>li>a>.iconhome {
background:none;
width:auto;
height:auto;
margin-top:0;
display:block;
font-style:normal;
text-indent:0px;
}
#navbar>li {
float:none;
margin:0;
border-left:none;
display:block;
}
#navbar>li>a {
border-top:solid 1px rgba(255, 255, 255, .2);
border-left:none;
text-align:left;
}
#navbar>li:first-child>a:hover {
background:-moz-linear-gradient(center top, #F4F4F4, #EEEEEE) repeat;
color:#000;
}
#navbar>li>.ddnav, #navbar>li:hover>.ddnav {
display:none;
}
}