/*logo*/
.fixednav {position: fixed !important; top: 0px; left: 0px; width: 100%; z-index: 999;}
.index_navigation_headbg{width:100%; margin:auto; height:92px; position:absolute; top:0; z-index:99;}
.index_navigation_Top{ width:100%; margin:0 auto; height:92px;}
.index_navigation_Logo{ width:15%; margin-left:2%; float:left; height:92px;}
.index_navigation_Logo img{width:153px; height:45px; margin-top:24px; border:none;}
.index_navigation_HeadRight{float:right; position:relative;}
.index_navigation_page_Menu{float:right; position:relative;}
.index_navigation_page_Menu ul li{ float:left; list-style:none; position:relative; padding:0 20px; height:92px;}
.index_navigation_page_Menu ul li h2{ font-size:18px; color:#ffffff; line-height:92px; font-weight:normal; text-transform:uppercase; font-family: 'helvetica_lightregular'; display:inline-block;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}
.index_navigation_page_Menu ul li:hover h2{font-size:18px; color:#ffffff; font-weight:bold; line-height:92px;}

.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

.index_navigation_page_Menu ul li a.selected,.index_navigation_page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}

.index_navigation_page_Menu ul li ul li a.selected,.index_navigation_page_Menu ul li  ul li a:hover{
color: #fff;
}
.index_navigation_page_Menu ul li ul li a:link, .index_navigation_page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.index_navigation_page_Menu ul li ul{
position: absolute;
left:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
z-index:999;
background:#ffffff;
height:auto;
-webkit-border-radius:0 0 6px 6px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display: list-item;
float: none;
line-height:normal;
padding: 0;
line-height:20px;
margin:6px 0;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover{ background:#0890ea;}
.index_navigation_page_Menu ul li ul li:hover h3{color:#fff;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:14px; line-height:35px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.index_navigation_page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.index_navigation_page_Menu ul li ul li a{
font:"Arial";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.index_navigation_about{width:140px; text-align:center; height:43px !important; margin-top:29px; background:#ffffff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:0 !important;}
.index_navigation_about a{ font-size:18px; color:#4cc059 !important; text-transform:uppercase; font-family: 'helvetica_lightregular'; line-height:43px !important;}

.index_navigation_top_search1{ padding:43px 35px 0 30px !important; float:right !important;}
.index_navigation_search_list{ position:relative; width:100%; padding:10px 0; background:#f1f1ef; font-size:15px; text-align:center;}
.index_navigation_Page_Search{width:100%; margin:auto; background:#FFFFFF;}


#product{background:#f1f1f1; padding:20px 0 20px 0;}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; margin-top:20px; width:100%; position:relative;}
.navigation-down .nav-down-menu dl{float:left; width:25%;}
.navigation-down .menu-1 dl,.navigation-down .menu-2 dl,.navigation-down .menu-3 dl,.navigation-down .menu-4 dl{padding:0 30px 30px 0;}
.navigation-down .menu-1 dt{padding:10px 0; text-align:left;}
.navigation-down .menu-1 dt h3,.navigation-down .menu-2 dt h3,.navigation-down .menu-3 dt h3,.navigation-down .menu-4 dt h3{font-size:20px; color:#555555; font-family:'helveticaregular'; font-weight:bold; text-transform:uppercase; line-height:28px;}
.navigation-down .menu-1 dt a:hover{ text-decoration:none;}

.navigation-down .menu-1 dd{text-align:left; float:left; width:32%; padding:5px 0;}
.navigation-down .menu-1 dd h3{font-size:14px; font-weight:bold; line-height:25px; color:#333333; padding:5px 0;}
.navigation-down .menu-1 dd a:hover{color:#1bb5a5}
.navigation-down .nav-up-selected{ display:block !important;}

#dl-menu{ display:none;}

@media (max-width: 1875px) and (min-width: 1815px){
.index_navigation_page_Menu ul li{padding:0 15px;}
}
@media (max-width: 1814px) and (min-width: 1650px){
.index_navigation_page_Menu ul li{padding:0 10px;}
.index_navigation_page_Menu ul li h2{ font-size:16px;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px;}
}
@media (max-width: 1649px) and (min-width: 1580px){
.index_navigation_page_Menu ul li{padding:0 5px;}
.index_navigation_top_search1{padding: 40px 15px 0 15px !important;}
.index_navigation_page_Menu ul li h2{ font-size:16px;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px;}
}
@media (max-width: 1579px) and (min-width: 1px){
.index_navigation_Logo img{ margin-top:13px;}
.index_navigation_page_Menu{ display:none;}
#dl-menu{
        display: block !important;
       width: 60px; height:60px; position:absolute; right:20%; top:0; z-index:99;
		 border:none;
    }
.dl-menuwrapper:first-child{ margin-right:0;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 16px;background-color: #fff;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:22px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:38px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
}

@media (max-width: 991px) and (min-width: 1px){
.index_navigation_page_Menu,.index_navigation_search{ display:none;}
.index_navigation_Logo{ margin-left:0; margin-top:8px; width:50%; height:auto;}
.index_navigation_Logo img{ margin-top:0px;}
}

.dl-menuwrapper button {
    background: none;
    border: none;
    width: 60px;
    height: 60px;
    float: right;
    top: 0;
    right: 0;
    border-radius: 0;
	outline:medium;
}

@media (max-width: 767px){
.dl-menuwrapper button {
    background:none;
    border: none;
    width: 100%;
    width: 55px !important;
    height: 55px !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-left: 60px;
    border-radius: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 25px;
}
.index_navigation_Logo img{ width:120px; height:auto;}
.index_navigation_headbg{ height:65px;}
}
.dl-menu {
    margin: 0;
    width: 340px;
    opacity: 1;
	height:100%;
    min-width: 200px;
    position:fixed;
    right: -340px;
    top: 0;
    z-index: 9999;
	background:#4cb55a;
}
.dl-menu li a{
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;

}
.dl-menu li a h2 {
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;
	font-family:'Arial';
}

.dl-menu li a:hover{
    background: rgba(255,248,213,0.1);
}

#toRight{ position:relative;}
#toRight2{ position:relative; right:0;}