/********* Clear floats *********/
    
    .cf:before,
    .cf:after,
    .container:before,
    .container:after,
    .row:before,
    .row:after,
    ul:before,
    ul:after,
    .boxs:before,
    .boxs:after,
    .radioList:after,
    .radioList:before {
        content: " ";
        display: table;
    }
    
    .cf:after,
    .container:after,
    .row:after,
    ul:after,
    .boxs:after,
    .radioList:after {
        clear: both;
    }
    /********* Common Classes *********/
    /********* Navigation *********/
    
    .mainNavigation {
        background: #60770d;
        position: relative;
        transition: all 500ms ease 0s;
        /* float: left; */
        z-index: 1;
    }
    /*.hindiDoc .mainNavigation { margin-left: 90px; }*/
    
    .toggleMenu {
        display: none;
        padding: 10px 13px;
        text-decoration: none;
        text-align: left;
    }
    
    .toggleMenu .mobileMenu {
        font-size: 1.25em;
        color: #fff;
    }
    
    .toggleMenu .iconBar {
        float: right;
        width: 35px;
        height: 25px;
        background: url(../../assets/images/menu_toggle.svg) no-repeat center center;
        text-indent: -9999px;
    }
    
    .toggleMenu .menuTitle {}
    
    #nav,
    #nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #nav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        display: inline;
    }
    
    #nav li a {
        padding: 15px 10px;
        line-height: 25px;
        color: #fff;
        font-size: /*1.067em*/
        1em;
        display: inline-block;
        text-decoration: none;
        background: transparent;
    }
    
    #nav ul {
        width: 220px;
        top: 100%;
        padding: 0;
        left: 0;
        position: absolute;
    }
    
    .hasJS #nav ul {
        opacity: 0;
        transition: opacity 400ms linear;
        -webkit-transition: opacity 400ms linear;
    }
    
    #nav ul li {
        float: left;
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    #nav ul li a {
        display: block;
        background-color: #224a82;
        font-size: .9em;
        line-height: 24px;
        color: #fff;
        border: none;
        border-bottom: 1px solid #203d7b;
        padding: 5px 15px 5px 15px;
        text-align: left;
    }
    /*#nav ul li.lastMenuLi a { line-height: 23px; } #nav ul li:last-child a { border-bottom: none; }*/
    
    #nav ul ul {
        top: 0;
        left: 221px;
        box-shadow: -8px 0px 34px #0000004d;
    }
    
    #nav ul ul li a {
        background-color: #27508b;
    }
    /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/
    
    #nav ul a:hover,
    .noJS #nav ul a:focus,
    #nav ul a.selected {
        color: #7fb6e9;
    }
    
    #nav ul,
    #nav :hover ul ul,
    #nav .hover ul ul,
    #nav .focus ul ul {
        margin-left: -9999px;
    }
    
    #nav li:hover>ul,
    #nav li.hover>ul,
    #nav li.focus>ul,
    #nav a:focus+ul,
    #nav ul ul,
    .noJS #nav .hover a:focus,
    .noJS #nav .focus a:focus {
        margin-left: 0;
    }
    
    #nav>li>a:hover,
    #nav>li.hover>a,
    #nav>li.focus>a,
    #nav>.highlight>a,
    #nav li:focus>a {
        background-color: #224a82;
        color: #fff;
    }
    
    #nav li ul li a:hover,
    #nav li ul li>a.selected,
    #nav ul a:hover,
    .noJS #nav ul a:focus,
    #nav ul a.selected,
    #nav ul>.highlight>a {
        background-color: #21559d;
        color: #fff;
    }
    
    #nav ul li.focus>a {
        background-color: #e9e9e9;
        color: #060613;
        display: block;
    }
    
    #nav .menuIcon {
        display: none;
        position: absolute;
        right: 5px;
        top: 20px;
        width: 9px;
        height: 9px;
    }
    
    #nav li .menuIcon {
        background: url(../../assets/images/down-arrow.gif) no-repeat right center;
        z-index: 10;
    }
    
    #nav li li .menuIcon {
        display: block;
        background: url(../../assets/images/right-arrow.gif) no-repeat right center;
        top: 17px;
        right: 10px;
        z-index: 11;
    }
    
    #nav li li li .menuIcon {
        z-index: 12;
    }
    
    #nav li .menuIcon.active {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    
    .noJS #nav ul a:focus {
        width: 200px;
    }
    
    .noJS #nav ul a:focus,
    .noJS #nav ul a:focus+ul {
        margin-left: 9999px;
    }
    
    .noJS #nav ul a:active {
        margin-left: 0;
    }
    
    .hasJS .menuPart #nav a:focus+ul,
    .hasJS .menuPart #nav li.focus>ul,
    .hasJS .menuPart #nav li.hover>ul,
    .hasJS .menuPart #nav li:hover>ul,
    .hasJS .menuPart #nav ul ul {
        opacity: 1;
    }
    /*.headerNavigation {
    float: right;
}*/
    
    #nav ul li li a {
        line-height: 24px;
        padding: 5px 15px;
    }
    
    #nav li.MenuLiFirst {
        margin-right: 10px;
    }
    
    #nav li.MenuLiFirst a {
        text-indent: -9999px;
        background: transparent url(../../assets/images/homeIcon.png) no-repeat center center / 23px auto;
        outline: none;
    }
    
    @media screen and (max-width: 1200px) {
        #nav li a {
            padding: 15px 6px;
            font-size: 14px;
        }
        .mainNavigation {
            margin-right: 0;
        }
        .validation {
            float: none;
            margin: 0 0 12px;
        }
    }
    
    @media screen and (max-width: 992px) {
        .mainNavigation {
            width: 100%;
        }
        #nav {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            background: #447fd2;
            text-align: left;
        }
        #nav ul {
            background: #20477d;
        }
        .toggleMenu,
        #nav .menuIcon {
            display: block;
            margin-left: 100px;
            color: #fff;
        }
        .toggleMenu {
            border-radius: 0;
            color: #ffffff;
            /* float: right; */
            margin-left: 0;
            margin-right: 10px;
            margin-top: 10px;
            line-height: 23px;
        }
        .toggleMenu .menuTitle {
            padding-right: 10px;
        }
        .toggleMenu:hover .menuTitle {
            color: #fff;
        }
        #nav li {
            float: none;
            display: block;
            border: none;
        }
        #nav li a {
            border-top: 1px solid #3466aa;
        }
        #nav li.parent {
            position: relative;
        }
        #nav li .menuIcon,
        #nav li li .menuIcon {
            width: 46px;
            height: auto;
            background-color: #3466aa;
            background-color: rgba(0, 45, 99, 0.5);
            background-image: url('../images/down-arrow.gif');
            background-repeat: no-repeat;
            background-position: center 17px;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            cursor: pointer;
        }
        #nav li .menuIcon.active,
        #nav li li .menuIcon.active {
            background-color: #002d63;
            background-color: rgba(1, 36, 78, 0.5);
        }
        #nav li>a:hover,
        #nav li.hover>a,
        #nav li.active>a,
        #nav li ul li a:hover,
        #nav li ul li>a.selected,
        #nav ul a:hover,
        .noJS #nav ul a:focus,
        #nav ul a.selected,
        #nav>li>a:hover,
        #nav>li.hover>a,
        #nav>li.focus>a {
            background-color: #002d63;
            color: #fff;
        }
        #nav ul {
            width: 100%;
            display: none;
            position: static;
            transition: none;
            -webkit-transition: none;
        }
        .hasJS #nav ul {
            opacity: 1;
        }
        #nav li ul li,
        #nav ul a {
            width: 100%;
        }
        #nav>li:hover>ul,
        #nav li li:hover>ul,
        #nav li li li:hover>ul {
            display: none;
        }
        #nav ul,
        #nav *:hover ul ul,
        #nav .hover ul ul,
        #nav .focus ul ul {
            margin-left: 0;
        }
        #nav li a {
            padding-left: 15px;
            padding-right: 15px;
            display: block;
            line-height: 23px;
            font-size: 14px;
        }
        #nav li ul li a {
            padding: 10px 55px 10px 40px;
            display: block;
            line-height: 21px;
            background: #5290e4 url(../../assets/images/right-arrow.gif) no-repeat scroll 26px 18px;
            color: #fff;
            border: none;
        }
        #nav li ul li ul li a {
            padding-left: 45px;
            background-position: 33px center;
        }
        #nav li ul li ul li ul li a {
            padding-left: 60px;
            background-position: 45px center;
        }
        #nav>li>a:hover,
        #nav>li.hover>a,
        #nav>li.focus>a,
        #nav>.highlight>a {
            background-color: #20477d;
            color: #fff;
        }
        #nav li ul li a:hover,
        #nav li ul li>a.selected,
        #nav ul a:hover,
        .noJS #nav ul a:focus,
        #nav ul a.selected,
        #nav ul>.highlight>a {
            background-color: #20477d;
            color: #fff;
        }
        .topStrip .rightLinks li:first-child,
        .topStrip .rightLinks li:nth-child(2),
        .topStrip .fontResize {
            display: none;
        }
        .mainNavigation {
            margin: 0;
        }
        #nav li a {
            padding: 10px 15px;
        }
        #nav li.MenuLiFirst a {
            background-position: 13px center;
            min-width: 30px;
            padding-left: 45px;
        }
        .toggleMenu {
            /*  float: right; */
            background: #255496;
            margin-top: 20px;
            margin-right: 0;
            width: 100%;
        }
        .toggleMenu:hover {
            text-decoration: none;
        }
        .headerNavigation {
            float: none;
            width: 100%;
        }
    }
    
    @media (min-width:1100px) and (max-width:1600px) {
        #nav .have_child {
            position: relative;
        }
        #nav .have_child>a:before {
            background-image: url('../images/down-arrow.gif');
            display: block;
            position: absolute;
            right: -4px;
            top: 24px;
            width: 9px;
            height: 9px;
            z-index: 9999;
            content: '';
        }
    }
    
    @media (min-width:1600px) and (max-width:2200px) {
        #nav .have_child>a:before {
            background-image: url('../images/down-arrow.gif');
            display: block;
            position: absolute;
            right: -4px;
            top: 20px;
            width: 9px;
            height: 9px;
            z-index: 9999;
            content: '';
        }
    }
    /*right menu  css*/
    
    #nav .right_align_li:hover>ul,
    #nav .right_align_li.hover>ul,
    #nav .right_align_li .focus>ul,
    #nav .right_align_li a:focus+ul,
    #nav .right_align_li ul ul,
    .noJS #nav .right_align_li .hover a:focus,
    .noJS #nav .right_align_li .focus a:focus {
        margin-right: 0;
        margin-left: auto;
    }
    
    #nav .right_align_li ul li:hover>ul {
        margin-left: auto;
        margin-right: 0px;
    }
    
    #nav .focus .right_align_li,
    #nav .right_align_li {
        overflow-x: clip;
    }
    
    #nav .focus .right_align_li.hover,
    #nav .right_align_li.hover {
        overflow-x: visible;
    }
    
    #nav .right_align_li ul,
    #nav:hover .right_align_li ul ul,
    #nav .hover .right_align_li ul ul,
    #nav .focus .right_align_li ul ul {
        margin-right: -9999px;
        margin-left: auto;
    }
    
    #nav .right_align_li ul {
        width: 228px;
        top: 100%;
        padding: 0;
        right: 0;
        position: absolute;
    }
    
    #nav .right_align_li ul li {
        float: right;
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    #nav .right_align_li {
        margin-right: 1px;
    }
    
    #nav .right_align_li ul ul {
        top: 0;
        right: 221px;
        left: auto;
        box-shadow: -8px 0px 34px #0000004d;
    }
    
    #nav .right_align_li a {
        padding-right: 19px!important;
    }
    
    #nav .right_align_li.have_child>a:before {
        right: 5px;
    }
    
    @media screen and (max-width: 992px) {
        #nav .right_align_li:hover>ul,
        #nav .right_align_li.hover>ul,
        #nav .right_align_li .focus>ul,
        #nav a:focus+ul,
        #nav ul ul {
            margin-left: 0;
            margin-right: auto;
        }
        #nav .right_align_li ul li:hover>ul {
            margin-left: 0px;
            margin-right: auto;
        }
        #nav .right_align_li ul {
            width: 100%;
            display: none;
            position: static;
            transition: none;
            -webkit-transition: none;
        }
        #nav .right_align_li ul,
        #nav:hover .right_align_li ul ul,
        #nav .hover .right_align_li ul ul,
        #nav .focus .right_align_li ul ul {
            margin-left: auto;
            margin-right: auto;
        }
        #nav .right_align_li ul li {
            float: left;
            height: auto;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        #nav .right_align_li ul ul {
            top: 0;
            left: 221px;
            right: auto;
            box-shadow: -8px 0px 34px #0000004d;
        }
    }
    /*end right menu css*/