body{background: #fff; font-family: 'Roboto';font-size: 16px}
.header{float: left; width:100%; z-index: 100; position: absolute;}
.header .logo{height:80px;float: left;background: #fff;padding:5px 15px 5px 15px;z-index: 100;  }
.header_rightside_content{float: right;height:80px;;padding:10px;padding-top: 33px;background: #fff; }
.header_rightside_content p{float: right;padding: 0px 10px;border-right: 2px solid #afafaf;margin: 0px;line-height: 14px;font-family: 'Roboto', sans-serif;font-weight:normal;font-size: 18px;}
.header_rightside_content p:nth-child(1){border-right: 0px solid transparent !important;}
.header .menu{float:left;padding: 0px 20px;}
.header .menu_icon{width:100%;}
.header nav{position:fixed;top:0;right:0;width:100%;/* height:100%; */margin:0 -100% 0 0px; -moz-transition:all 600ms ease-in;-webkit-transition:all 600ms ease-in;-o-transition:all 600ms ease-in;transition:all 600ms ease-in;z-index: -1;}
.header nav ul{padding:0;margin:0;list-style:none;background:#fff;overflow:hidden;padding: 8px 12% 9px 12%;margin: 0px 16%;}
.header nav li{ margin:0;float: left;font-size: 18px;padding: 0px 20px;font-weight:normal;}
.header label{display:block;font-weight:normal; background:#fff; color:#000;text-align:center;font-size:18px;position:relative;top:-4px;right:10px;-moz-transition:all 600ms ease-in; -webkit-transition:all 600ms ease-in;-o-transition:all 600ms ease-in;transition:all 600ms ease-in;z-index:500;}
.header input[type="checkbox"]{display:none;}
.header input[type="checkbox"]:checked ~ nav{visibility: hidden; margin: 0px 100% 0px 0px; z-index: -1;  position: absolute;}
.header input[type="checkbox"]:checked ~ label{left:auto;}
.header input[type="checkbox"]:checked ~ section{-webkit-transform:translate3d(98%, 0, 0);-moz-transform:translate3d(98%, 0, 0);
-o-transform:translate3d(98%, 0, 0);transform:translate3d(98%, 0, 0);}
.header .menu-bt.left:before {content: "\e000";background: url('../images/top_menu/menu_cross.png');height: 20px;float: left;    position: relative;
top: 3px;right:5px}
.header .menu-bt:before {display: block;width: 22px;height: 22px;font-size: 0px;font-weight: normal;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;color: #000;}
.header [id*=menu-]:checked + .menu-bt:before {color: #000;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg); transform: rotate(180deg);}
.header [id*=menu-]:checked + .menu-bt:before {content: "\e000";background: url('../images/top_menu/menu_cross.png'); height: 20px;background-position: 70px;float: left;    position: relative; top: 3px;right:5px}
.header .submenu{display: none;}
.header .top_menu li:hover .submenu{display: block;position: absolute; width: 80%; margin: 0px 10%;right: 0px;    padding: 30px 0% 120px 0;min-height:215px;}
.header .top_menu li:hover .submenu li{font-size: 22px; font-family:'Oswald';color:#787777;padding: 0px 0px; font-weight: bold  }
.header .top_menu li:hover .submenu li:hover{color: #232323; text-decoration: underline #a50000}
.header input[type="checkbox"]:not(:checked) ~ nav { margin:0;}
.header .text_web nav { position: absolute;    background: #fff;  } 
/* 24/12/2018 css changes starts */
.header .top_menu li:nth-child(1){background: url('../images/top_menu/menu_bg_icons.png') ; height: 40px;background-position: -12px 0px;}
.header .top_menu li:nth-child(1):hover{background-position: -12px -40px}
.header .top_menu li:nth-child(2){background: url('../images/top_menu/menu_bg_icons.png') ; height: 40px;background-position: -80px 0px;}
.header .top_menu li:nth-child(2):hover{background-position: -80px -40px}
.header .top_menu li:nth-child(3){background: url('../images/top_menu/microsoftTeams-image.png') ; height: 40px;background-position: -180px 0px;}
.header .top_menu li:nth-child(3):hover{background-position: -180px -40px}
.header .top_menu li:nth-child(4){background: url('../images/top_menu/menu_bg_icons.png') ; height: 40px;background-position: 120px 0px;}
.header .top_menu li:nth-child(4):hover{background-position: 120px -40px}

.header .top_menu li h5{position: relative;padding-top: 32px;font-size: 18px;margin-bottom: 0px;  font-weight: normal;}
.header .top_menu li:hover .submenu li{background: none}
.header nav ul{padding-bottom: 33px}

.header_rightside_content p a {color: #232323;}
.header_rightside_content li ul.submenu li a:hover{color:#a50000}
.header_rightside_content li a{color: #232323}

.header [id*=menu-]:checked + .menu-bt:before{background-position:50px}
.header .menu-bt.left:before{background-position:70px}

.header .top_menu li:hover .submenu li:hover a.expand {color: #a50000;}
.header [id*=menu-]:checked + .menu-bt:before{background-position:50px}
.header .menu-bt.left:before{background-position:70px}

.header .top_menu li:hover .submenu li:hover a.expand {color: #a50000; }
.header_rightside_content li ul.submenu li a {color: #787777; cursor: pointer;}

.header_rightside_content li ul.submenu li a {padding:0px 0px;margin: 0px 20px;}
.header .top_menu li .submenu li{float: none; width: 25%;display: inline-block;}
.header .top_menu li .submenu li ul.sub_submenu li{float: left; width: 100%; padding: 0; text-align: center; height: inherit; margin-bottom: 15px;}
.header .top_menu li .submenu li ul.sub_submenu li a{margin: 0 auto;    padding: 0 !important;    float: none;    width: auto;    font-size: 16px;}
.header .top_menu li .submenu li ul.sub_submenu{margin: 0!important; width: 100%!important;}
.header .top_menu li:hover .submenu{display: block;}
.header .top_menu li:hover .submenu li:hover{text-decoration:none}
.header nav ul{display:inline-table}  
.header_rightside_content p:nth-child(2) {border: 0px;}

@media screen and (min-width:1001px) and (max-width:1300px){
    .header nav ul {padding-bottom: 33px !important;  }
    .header .submenu { padding: 46px 0% !important;}
}
@media screen and (min-width:701px) and (max-width:1000px){
    .header .logo{height: auto; text-align: center; float: left;}
    .header .logo img{width:auto !important}
    .header_rightside_content{    padding: 30px 10px 20px;height: auto;}
    .header_rightside_content {padding: 19px 10px 19px; height: auto;}
}
@media screen and (max-width:600px){
    .header input[type="checkbox"]:not(:checked) ~ nav { margin: 0 100% 0px 0px;visibility:hidden;}
    .header input[type="checkbox"]:checked ~ nav {visibility: visible; margin: 0px; z-index: -1; position: absolute;}
    .header .menu-bt.left:before {background-position: 50px;}
    .header [id*=menu-]:checked + .menu-bt:before { background-position: 70px;}
}
@media screen and (min-width:320px) and (max-width:700px){
    .header .logo{height: auto; text-align: center; float: none;}
    .header .logo img{width:auto !important}
    .header_rightside_content{padding:0px ; padding-top:15px;height: auto;width:100%}
    .header_rightside_content p .header_rightside_content .mobile_sect label{font-size:14px;}
    .header .menu {float: right;padding: 0px 0px 0px 20px;  }
    .header{position: relative;}
}

.sidebar-wrapper .nav{padding: 0px}
.sidebar-wrapper .nav li a h5{margin:0px; font-size:16px}
.sidebar-wrapper .nav li .collapse .expand {
    font-size: 14px;
    padding: 5px 20px !important;
}
/**********************************************************AES design  **************************************************/
.header .top_menu li:nth-child(2) .submenu li{width: 33%;}
.header .top_menu li:nth-child(4) .submenu li, .header .top_menu li:nth-child(2) .submenu li{width: 50%;}