body { margin: 0; padding: 0; color: #000000; font-size: 10pt; line-height: 200%; text-align: justify; text-justify: inter-ideograph; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

/* start h_menu */
.h_menu4 { float: right; }
.toggleMenu { display: none; background: rgba(233, 233, 233, 0.9); margin-bottom:20px; margin-top:10px; width: 100%; color: #fff; }

.nav { list-style: none; *zoom: 1; width:100%; float:left;}
    .nav:before,
    .nav:after { content: " "; display: table; }
    .nav:after { clear: both; }
    .nav ul { list-style: none; width: 13.2em; }
    .nav li a { display: block; padding: 21px 33px 21px 33px;}
    .nav li { position: relative; }
        .nav li.active a, .nav li a:hover { border-bottom: 10px #faa645; }
    .nav > li { float: left; }
        .nav > li > a.parent { /*background: url(../images/plus.png) no-repeat right top 16px;*/ }
        .nav > li > a:hover { color: #f6a244; }
    .nav li ul { position: absolute; left: -9999px; }
    .nav > li.hover > ul { left: 0px; }
    .nav li li.hover ul { left: 100%; top: 0; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -ms-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; }
    .nav li li a { font-size: 10.5pt; height:45px; padding: 10px 0px 10px 4px; display: block; color: #fff;  background:rgba(0, 82, 140, 0.8); position: relative; z-index: 9999; border-top: 1px solid rgba(233, 233, 233, 0.09); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .nav li li li a { background: #249578; z-index: 200; border-top: 1px solid #1d7a62; }
    .nav li li a:hover { background: #faa25b; color: #fff; border-bottom: none; }

/***** Media Quries *****/


@media screen and (max-width: 967px) {
    .wrap { width: 100%; }
    .h_logo4 { text-align: center; float: none; margin: 4% 0; }
    .h_menu4 { float: none; margin: 2% 0; }
    .toggleMenu { padding: 10px 15px; width: 100%; }
    .nav li a { padding: 10px 15px; }
    .nav { background: rgba(255, 255, 255, 0.22); }
    .active { display: block; }
    .nav > li { float: none; }
        .nav > li > .parent { background-position: 95% 50% !important; }
    .nav ul { display: block; width: 100%; }
    .nav > li.hover > ul, .nav li li.hover ul { position: static; }
}

@media screen and (max-width: 640px) {
    .wrap { width: 100%; }
    .toggleMenu { width: 100%; }
}

@media screen and (max-width: 480px) {
    .wrap { width: 100%; }
    .toggleMenu { width: 100%; }
}

@media screen and (max-width: 320px) {
    .wrap { width: 100%; }
    .toggleMenu { width: 100%; }
}

@media screen and (max-width: 966px) {
    .nav li a { display: block; padding: 20px 2px 18px 2px; color: #fff; font-size: 1em; }
}

@media screen and (max-width: 1024px) {
    .nav li a { display: block; padding: 20px 11px 18px 7px; color: #fff; font-size: 1em; }
}

.slider { margin-bottom: 5%; }