/*header{position:relative; width:100%; background:#fff;}*/

                

.main-header-newversion { position:fixed; z-index:9999; width:100%; top:0; left:0; background:#ffffff; -webkit-transition: all 0.3s;

    transition: all 0.3s; box-sizing: border-box;}

        .home-nav  .main-header-newversion {background:#ffffff;}    



.main-header-newversion .maincontent {padding:0;}

        .new-logo-holder { float:left; width:30%; margin-top:6px; -webkit-transition: all 0.3s;

    transition: all 0.3s; text-align: left; }



    .new-logo-holder  img { webkit-transition: all 0.3s;transition: all 0.3s; max-width:320px}        







#obplogomobile {display: none;}



        .nav-menu-new {position:relative; width:70%; margin:0 auto; float: right; margin-top:25px; webkit-transition: all 0.3s;

    transition: all 0.3s;}

    

        #cssmenu { text-align: left;}



        #cssmenu ul {float:right; } /* JJ*/

        #cssmenu > ul { } /* JJ*/



        #cssmenu ul {font-size: 14px; letter-spacing:2px;  font-weight:300!important }

        #cssmenu ul li a { } /* JJ*/



        #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{

                    border:0;

                    list-style:none;

                    line-height:1;

                    display:block;

                    position:relative;

                    -webkit-box-sizing:border-box;

                    -moz-box-sizing:border-box;

                    box-sizing:border-box        

                }



        #cssmenu:after,#cssmenu > ul:after{

                    content:".";

                    display:block;

                    clear:both;

                    visibility:hidden;

                    line-height:0;

                    height:0

                }



        #cssmenu #head-mobile {

            display:none

                }

        



        

#cssmenu > ul > li{

    float:left

        }

#cssmenu > ul > li > a {

    padding:14px 17px;

    text-decoration:none;

    color: #000;

     text-transform: uppercase;

    font-size:15px;

    letter-spacing:2px;

    font-weight:300!important

        }



/* Remove Right padding on Last Child*/

#cssmenu > ul > li:last-child > a {/*padding-right:0;*/}







/*Index Page */



#cssmenu > ul > li:hover > a,

#cssmenu ul li.active a{

    color:#23dcff;

    /*background:#fff!important;*/

        }

        

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{

    -webkit-transition:background .3s ease;

    -ms-transition:background .3s ease;

    transition:background .3s ease;

        }

        

        

#cssmenu > ul > li.has-sub > a{

   /* padding-right:30px */  /* JJ Remove remove plus and minus */

        }

#cssmenu > ul > li.has-sub > a:after{

    position:absolute;

    top:22px;

    right:11px;

    width:8px;

    height:2px;

   /* display:block;*/

    background:#000;

    content:'';

         display: none!important; /* JJ REMOVE the plus on desktop */

        }

        

#cssmenu > ul > li.has-sub > a:before{

    position:absolute;

    top:19px;

    right:14px;

    /*display:block;*/

    width:2px;

    height:8px;

    background:#000;

    content:'';

    -webkit-transition:all .25s ease;

    -ms-transition:all .25s ease;

    transition:all .25s ease;

         display: none!important; /* JJ REMOVE the plus on desktop */

        }

#cssmenu > ul > li.has-sub:hover > a:before{

    top:23px;

    height:0

        }







#cssmenu > ul > li.has-sub:hover > a:after{ /* JJ*/

     background:#fff;

        }





#cssmenu ul ul {

    position:absolute;

    left:-9999px;    

   

        }

#cssmenu ul ul li{

    height:0;

    -webkit-transition:all .25s ease;

    -ms-transition:all .25s ease;

    background:#004b8a;

    transition:all .25s ease;

    text-transform: uppercase;

        }



#cssmenu ul ul { margin-left:-24px;} /*JJ  to adjust the second level menu left align */

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul {

    left:auto

        }

        

#cssmenu li:hover > ul > li {

    height:35px;

    height: auto!important; /*JJ*/

        }

#cssmenu ul ul ul {

    margin-left:100%;

    top:0

        }

#cssmenu ul ul li a {

    border-bottom:1px solid rgba(150,150,150,0.15);

    padding:11px 15px;

    min-width:250px;

    text-decoration:none;

    width:auto;

    line-height:1.5; /*JJ */

    color:#ddd;

    font-weight:400;

        }

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {

    border-bottom:0;

        }

        

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {

            color:#fff

        }

        

#cssmenu ul ul li.has-sub > a:after {

    position:absolute;

    top:16px;

    right:11px;

    width:8px; 

    height:2px;

   /* display:block;*/

    background:#ddd;

    content:'';

    display: none!important; /* JJ REMOVE the plus on desktop */

        }

#cssmenu ul ul li.has-sub > a:before {

    position:absolute;

    top:13px;

    right:14px;

    /*display:block;*/

    width:2px;

    height:8px;    

    background:#ddd;

    content:'';

    -webkit-transition:all .25s ease;

    -ms-transition:all .25s ease;

    transition:all .25s ease;

         display: none!important; /* JJ REMOVE the plus on desktop */

        }





        

#cssmenu ul ul > li.has-sub:hover > a:before{

    top:17px;

    height:0

        }

        

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{

    background:#ee2e24;

        }

        

#cssmenu ul ul ul li.active a{

    border-left:1px solid #333

        }

        

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{

    border-top:1px solid #333

        }





#cssmenu ul ul li a:hover { background:#23dcff;} /*JJ Add Hover on Sub menus*/



/* Sub Menus Border Radius */

#cssmenu ul ul li:first-child {border-radius:10px 10px 0 0; overflow: hidden;}

#cssmenu ul ul li:last-child {border-radius:0 0 10px 10px; overflow: hidden;}





/* Last  with Button */

#cssmenu > ul > .nav-button {background:#004b8a; border-radius:4px; color:#fff!important}

#cssmenu > ul > .nav-button > a {color:#fff!important}

/* SCROOL STICKY */



.scroll-sticky {background:#fff!important; border-bottom: 1px solid #e0e0e0; -webkit-box-shadow: 0px 1px 7px -3px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 1px 7px -3px rgba(0,0,0,0.75);

box-shadow: 0px 1px 7px -3px rgba(0,0,0,0.75);}   

    .scroll-sticky .new-logo-holder img { max-width:270px;}       

        .scroll-sticky .nav-menu-new {margin-top:20px;}

        .scroll-sticky .contact-top-holder { display: none;}





.scroll-sticky #cssmenu > ul > li > a {/*color:#000000;*/}

.scroll-sticky #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{ /*color:#f1a524;*/}



/* END SCROL STICKY */



@media screen and (max-width:1024px){   

    .panel-inside-banner { margin-top: 60px!important;}    

    .main-header-newversion {} 

    .main-header-newversion .maincontent { max-width: 100%; width: 100%;}

    

    .nav-menu-new{width:100%; z-index: 9998!important; margin-top:0;}

    .new-logo-holder {position: absolute; left: 10px; top:0; width:50%; z-index: 9999!important; text-align: left;}

    .new-logo-holder  img { max-width:200px; margin-top:0;}

    

    #obplogo-plain, #obplogo{ display: none!important;}

    #obplogomobile {display: inline-block;}

    

    

#cssmenu{width:100%}

#cssmenu{background:#ffffff; padding:10px 0;}

#cssmenu ul{width:100%;display:none; z-index: 9999;padding-left:0; margin-top: 10px; }

#cssmenu ul li{width:100%; border-top:1px solid #dedede}

#cssmenu ul li a {color: #fff!important;}   /* JJ*/

    

#cssmenu > ul > li > a { color:#004b8a!important;}    

    #cssmenu > ul > ul { margin-left:-30px;} /*JJ to push left*/    

    

#cssmenu ul li:hover{background:#cecece;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background:#fff!important;}

#cssmenu ul ul li:last-child{margin-bottom: 15px!important;}   /* Margin between main menu and last list on sub menus */ 

    

#cssmenu ul ul li:hover{background:#cecece!important}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#000;background:none}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#000}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

    

#cssmenu #head-mobile{display:block;padding:23px;color:#fff;font-size:12px;font-weight:700}

    

.button-menu{width:55px;height:46px;position:absolute;right:0;top:10px;cursor:pointer; z-index: 12399994;}

.button-menu:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px; border-top:2px solid #004b8a; border-bottom:2px solid #004b8a; content:''}

.button-menu:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#004b8a;content:''}

.button-menu.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#004b8a;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button-menu.menu-opened:before{top:23px;background:#004b8a;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block; border-left:1px solid #dedede; height:44px;width:45px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#fff}

    

#cssmenu ul ul .submenu-button{height:30px;width:30px}

#cssmenu .submenu-button:after{position:absolute;top:18px;right:19px; width:8px;height:2px;display:block;background:#004b8a;content:''}

#cssmenu ul ul .submenu-button:after{top:12px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#004b8a}

#cssmenu .submenu-button:before{position:absolute;top:15px;right:22px;display:block;width:2px;height:8px;background:#004b8a;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

    

/* Sub Menus Border Radius */

#cssmenu ul ul li:first-child {border-radius:0 0 0 0!important; overflow: hidden;}

#cssmenu ul ul li:last-child {border-radius:0 0 0 0!important; overflow: hidden;}      

  

    

     .contact-top-holder {position: absolute; z-index:888; background:#192744; width:100%; top:66px; height:31px; left: 0}

    

	#cssmenu ul .open a{color:#333333!important}

    

/* SCROOL STICKY */



.scroll-sticky {}

    .home-nav .scroll-sticky  #cssmenu > ul > li > a { color:#fff!important;} 

        

    .scroll-sticky .new-logo-holder img {max-width:200px}       

        .scroll-sticky .nav-menu-new {}

		 .scroll-sticky .nav-menu-new {margin-top:0;}

/* END SCROL STICKY */    

    

}