/* Navigation */

.nav_custommenu { width: 100%; }
.nav_custommenu .rootmenu {padding: 0px; text-align: center; position: absolute; left: 50%; margin: 0px 0px 0px -345px; width: 690px;  }
.nav_custommenu .rootmenu ul li {float: left; padding: 0px 25px; height: 62px;}
.nav_custommenu .rootmenu ul li a {color: #2a2a2a; display: inline-block; padding: 10px 5px 10px 0px;  }
.nav_custommenu .submenu>div {position: absolute; left: 50%;top: 70px;background-color:#ffffff;border: 3px solid #f5f5f5;max-width: 1200px;margin: 10px 0px 0px -550px;width: 1100px;min-height: 320px;padding: 10px 0px 0px 0px; z-index: 100;}
.nav_custommenu .submenu ul.level2 a {padding-left: 5px;}
.nav_custommenu .submenu ul.level2>li {float: left;padding: 0px 20px;font-weight: bold;}
.nav_custommenu .submenu ul.level2>li>div> a {font-weight: bold; padding-bottom: 10px; display:block;} 
.nav_custommenu .submenu ul.level3  {padding: 0px;}
.nav_custommenu .submenu ul.level3 a { padding:  2px 5px; width: 100%; display:inline-block;}
.nav_custommenu .submenu ul.level3 a:hover {  background-color:#C59292; color: #ffffff; font-weight:bold;}
//.nav_custommenu .submenu div { display:block !important; }
.site-header li.menu-653  a { background-color: #ffffff; padding: 10px 20px !important; margin-left: 10px; border-radius: 5px; display: block; height: auto !important}
.site-header li.menu-620:after, .site-header li.menu-621:after, .site-header li.menu-652:after   { font-family: FontAwesomeSolid; content: '\f107';   }

.nav_custommenu .submenu .menu-639 ul.level3 li {float:left; width: 40%;} 
.nav_custommenu .submenu .menu-639 {float:left; width: 50%;}

.site-header .menu-652 .level2 { float:left !important; width: 400px !important;  }
.site-header .menu-652 .level2 li { float: left !important; width: 300px !important;  }
.site-header .menu-652 .level2 li a {font-weight:400 !important; display:inline-block !important; padding: 2px 5px !important; }
.site-header .menu-652 .level2 li a:hover {  background-color:#C59292 !important; color: #ffffff !important; font-weight:bold !important;}
.menu-701 {margin-top: 20px;}

.nav_custommenu ul.level2 .util_container { width: 420px; position:absolute; right: 20px; height: 200px; }
.nav_custommenu ul.level2 .util_container .titletxt { margin-left: 10px; font-weight:bold;}
.nav_custommenu ul.level2 .util_textbox {float: left; margin-left: 10px;}
.nav_custommenu ul.level2 .util_textbox .imagetop {width: 200px; height: 200px;  background-size: cover;}
.nav_custommenu ul.level2 .util_textbox .link { padding: 10px 0px; }
.nav_custommenu ul.level2 .util_container.aboutus {width: 630px;}


.nav_custommenu .toggle {position: absolute;background-image:url(/images/fM3AVZal1EYWOlTDjJie01400u.png);right: 45px;top: 25px;z-index: 60;width: 30px;height: 30px;background-color:#C59292;border-radius: 5px;padding: 10px;background-size: 40px 20px;}
.nav_custommenu .toggle.toggleon {background-image:url(/images/TtHsW1FylQtsisvC06Si014014.png); background-color:#C59292;border-radius: 5px; padding: 10px;background-size: 20px 20px; }
.nav_custommenu .toggle.toggleoff {   background-color:#C59292;border-radius: 5px; padding: 10px;background-size: 40px 20px; }

.nav_custommenu .mobilemenu a { color: #2a2a2a; line-height: 45px; font-size: 120%}
.nav_custommenu .mobilemenu .level1> li>a{display: none;}
.nav_custommenu .mobilemenu ul.level1 { z-index: 50; position: absolute; top: 83px; width: 100%; left: 0px;  height:100%; overflow: scroll; background-color: #ffffff; pardding: 20px 20px 0px 20px; box-sizing: border-box;  }
.nav_custommenu .mobilemenu .level2 .level3 { margin: 0px 0px 0px 20px;  }
.nav_custommenu .mobilemenu .level3 .level4 {  margin: 0px 0px 0px 10px;  }
.nav_custommenu .mobilemenu .level2>li>a {border-top: 1px solid #dddddd;width: 100%;display: inline-block;font-weight: bold; padding: 10px;}
.nav_custommenu .mobilemenu .level2>li:first-of-type>a:first-of-type {border-top: unset;}
.nav_custommenu .mobilemenu .level2>li:last-of-type>a:after {content: unset; }
.nav_custommenu .mobilemenu .level2>li>a:after  { font-family: FontAwesomeSolid; content: '\f107';  float:right;  }
.nav_custommenu .mobilemenu .level3>li>a { font-weight: bold; }

.nav_custommenu .mobilemenu .level2 .level3, .nav_custommenu .mobilemenu .level3 .level4 {display:none;}

@media( max-width: 1200px )
{
    .nav_custommenu .mobilemenu {display: inline; height: 50px; background-color:red;}
    .nav_custommenu .rootmenu { display: none; }
}

@media( max-width: 700px )
{
    .nav_custommenu .toggle {right: 20px; }
}


