@charset "utf-8";
/* CSS Document */

/** {margin: 0;padding: 0;box-sizing: border-box;}*/
.new_top { padding: 0 0px;}
h2 {font-weight: 400 !important;}
.new_top .top_logo{ float: left;}
.new_top .menu_other_new{ float: right;}

.new_top .menu_other_new .only_default {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #308cbd;
    border-right: 1px solid #5db0dc;
    height: 100%;
    min-height: 108px;
    margin: 0 65px 0 0 !important;
}
.new_top .menu_other_new .new_dark_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #308cbd;
    border-right: 1px solid #5db0dc;
    height: 100%;
    min-height: 108px;
    margin: 0 66px 0 0;
}

.dark-mode .new_top .menu_other_new .new_dark_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 100%;
    min-height: 108px;
    margin: 0 71px 0 0 !important;
}
.dark-mode .menu ul.rps li a {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    padding: 9px 5px;
    border-top: 1px solid transparent;
}
.dark-mode .new_top .menu_other_new .only_default {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #308cbd;
    border-right: none !important;
    height: 100%;
    min-height: 108px;
    margin: 0 0px 0 0 !important;
}
.dark-mode .menu ul.top-line-menu {
    display: flex !important;
    /* justify-content: center !important; */
    padding: 0 0px 0 0;
    border-top: 1px solid #999;
}
.dark-mode .menu ul.rps li a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding: 10px 25px;
    border-top: 1px solid transparent;
}
.dark-mode .menu li .submenu li a span:hover {
    color: #333;
}
.dark-mode .menu_sub ul.bb li a {
    width: 85%;
    list-style: none;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 0 10px;
}
.dark-mode .menu li .submenu li a:hover {
    color: #000;
}
.dark-mode .menu ul.rps li a:hover {
    color: #000;
    border-top: 1px solid #fff;
}
.dark-mode .menu_sub ul.bb li .overview_text a {
    display: block;
    background: linear-gradient(to right, #000 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease-out;
    position: relative;
    z-index: 999;
    padding: 0 0 0 0px;
}
.dark-mode .menu_sub ul.bb li a:hover {
    background-position: left bottom;
}
.dark-mode .menu_sub ul.bb li .overview_text a {
    width: 35%;
    list-style: none;
    line-height: 35px;
    font-size: 16px;
    color: #000;
    border: 1px solid #000;
    text-align: center;
}

.mobile-Scroll{overflow: hidden; background: rgba(0,0,0,.7);}
.new_top .menu_other_new .new_mail_part {padding: 25px 15px; margin: 0px; float: left; border-left: 1px solid #337fb4; height: 100%; min-height: 108px;}
.new_top .menu_other_new .new_nav_part {padding: 15px 25px 0 0; margin: 0px; float: left; height: 100%; min-height: 108px;}
.new_top .menu_other_new .new_plugin_part .plugin_part { position: absolute; top: 25px; height: auto; right: 25px; z-index: 8;}
.new_top .menu_other_new .new_dark_part span{ color: #bdd3e4; font-size: 12px; line-height: 18px; padding: 0 0 5px 0; display: block;}
.new_mail_part .list-unstyled .init a i{ display: block;}
.new_mail_part .list-unstyled .init a { display: block; color: #bccee0; font-size: 12px; line-height: 22px;}
.new_top .menu_other_new .new_plugin_part #menuToggle {display: block; position: absolute; top: -4px; right: -11px; z-index: 9999; -webkit-user-select: none; user-select: none;  padding: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border-radius: 6px; width: 34px; height: 34px; border-radius: 50%; margin-top: 8px; /*display: none;*/}

header{/*height: 135px;*/ -webkit-box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.25); box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); z-index: inherit; position: relative; left: 0; top:0; /*width: 100%;*/}


.submenu_bg { /*background: rgba(0,0,0,.7);*/ height: auto; width: 100%; position: inherit; left: 0; top: 0; z-index:7; opacity: 1;}

.menu-row {/*max-width: 1000px;*/ width: 100%; padding: 0px; margin: 0 auto;}
.menu-row .menu-info {margin-bottom: 30px; font-size: 16px;}
.menu-row .menu-info h1 {margin: 0 0 20px; font-size: 30px;}
.menu-row ul {list-style: none; margin: 0; padding: 0;}
.menu-row ul li {font-size: 18px;}
.menu-row ul li a {text-decoration: none; color: #fff; padding: 10px 17px; display: inline-block; transition: 350ms all;}
.menu-row ul li a:hover {color: #ffe400;}
.dark-mode .menu-row ul li a:hover {color: #000;}
.menu-box {display: flex; align-items: center; justify-content: space-between; padding: 20px; position: relative;/*height: 108px; background: rgb(25,56,135);   background: linear-gradient(90deg, rgba(25,56,135,1) 0%, rgba(24,63,140,1) 74%, rgba(5,155,200,1) 100%);*/}
.menu-box .logo {max-width: 140px;}
.menu-box .logo img {width: 100%;}
/*.menu ul{display: flex; flex-wrap: wrap;}*/
.menu li {margin-right: 0px;}
.menu li .submenu li ul { border: none;}
.menu li .submenu li ul li {margin-right: 0; font-size: 16px; position: relative; float: inherit; width: 545px; border: none; margin: 0 0 0 0px;}
.new_mail_part .list-unstyled .init a{ padding: 0px;}
.top_menu_box ul{ text-align: left; float: inherit;}
.top_menu_box li {padding: 0px; margin: 0px; font-size: 14px; color: #86b2e3; text-align: left;}
.top_menu_box li a {font-size: 14px; color: #86b2e3;}
.top2_menu_box ul{display: inherit !important; justify-content: inherit; padding: 0 25px 0 0;}
.menu  ul.top_menu_box{display: flex !important;justify-content: flex-start; padding: 0 25px 0 0;}
.top_menu_box li ul li a {font-size: 18px; color: #86b2e3;}

.menu ul.top2_menu_box li ul li a {font-size: 18px; color: #193887; padding: 3px 0; border-top: 0px solid #4770aa; text-align: left; font-weight: 400; position: relative;}
.menu ul.top2_menu_box li ul li a:hover { font-size: 18px; color: #86b2e3; padding: 3px 0; border-top: 0px solid #4770aa; text-align: left;font-weight: 400;}
.menu ul.top2_menu_box li ul li:last-child a:hover { font-size: 18px; color: #86b2e3; padding: 3px 0; border-top: 0px solid #4770aa; text-align: left;}
/*.menu ul.top2_menu_box li ul li:last-child a {font-size: 18px; color: #193887; padding: 10px 0;}
.menu ul.top2_menu_box li ul li:last-child a:hover {font-size: 18px; color: #86b2e3; padding: 10px 0;}*/

/*.menu ul.top2_menu_box li ul li a:hover:after {content: ""; display: inline-block; background: url("../images/menu_arrow.png") top right no-repeat; width: 10px; height: 8px; position: absolute; top: 18px; right: 40px;}
.menu ul.top2_menu_box li ul li:last-child a:hover:after {content: ""; display: inline-block;}*/

.menu ul.top2_menu_box li ul li span{ font-size: 14px; line-height: 20px; color: #67779e; font-weight: 400; padding: 0 0 0 0px;}


.menu  ul.top2_menu_box{display: flex !important; /*justify-content: center !important;*/ padding: 0 25px 0 0; border-top: 1px solid #4383b6;}
.menu  ul.top2_menu_box li { font-size: 18px; color: #86b2e3;}
.menu  ul.top2_menu_box li a { font-size: 18px !important; line-height: 31px !important; color: #86b2e3 !important; padding: 10px 25px; border-top: 1px solid transparent;}
/*.menu  ul.top2_menu_box li:last-child a { font-size: 18px; color: #86b2e3; padding: 10px 15px;}*/

.menu  ul.top2_menu_box li a:hover { border-top: 1px solid #fff; color: #fff;}
.menu  ul.top2_menu_box li a.active { font-size: 18px; color: #fff; border-top: 1px solid #fff; line-height: 27px;}
.menu  ul.top2_menu_box li a:hover {color: #fff;}
.top2_menu_box .submenu h2{text-align: left;  color: #193887; margin: 0 0 35px 0; font-size: 48px; font-weight: 400 !important;}

.menu  ul.rps li a { font-size: 18px; line-height: 31px; color: #86b2e3; padding: 10px 25px; border-top: 1px solid transparent;}

.menu  ul.rps li a:hover {color: #ecc800; border-top: 1px solid #fff;}


.menu li .submenu {/*position: absolute;top: 58px;transform: translateY(50px);opacity: 0;visibility: hidden;background: #fff;width: 100%;left: 0px;right: 0px; min-height: 350px; padding: 30px 35px;*/}
.close {position: absolute; bottom: 28px !important; right: 60px; z-index: 9; cursor: pointer; top: auto !important; bottom: 38px !important;}

/*.menu  ul{display: flex !important;justify-content: flex-end; padding: 0 25px 0 0;}
.menu .megamenu > a:after {content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 28px; display: none;	}
.menu .megamenu > a:hover:after {display: block;}*/
.menu li .submenu { transition: 350ms all;	}
/*.menu li:hover > .submenu { transform: translateY(0); opacity: 1; visibility: visible;}*/
.menu li .dropdown_new{ transform: translateY(0); opacity: 1 !important; visibility: inherit !important;}
.menu li.megamenu > a { padding-right: 20px; position: relative;}
/* .menu li.megamenu > a:before { content: "";	 position: absolute; right: 0; top: 17px; height: 5px; width: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);}*/
.menu li .submenu {position: absolute;top: 58px;transform: translateY(50px);opacity: 0;visibility: hidden;background: #fff;width: 100%;	left: 0px;right: 0px; min-height: 350px; padding: 50px 160px 25px 160px; z-index: 9; height: calc(100vh - 108px);}
.menu li .submenu li { margin-right: 0; font-size: 16px; position: relative; /*float: left; width: 25%;*/}
.menu li .submenu li a {color: #67779e;padding: 3px 0px;background: inherit;display: block;text-align: left;}
.menu li .submenu li a:hover {color: #059bc8;}
.menu li .submenu li a span:hover {color: #059bc8;}
.submenu2 li span { color: #67779e; font-weight: 400; font-size: 14px; display: block; list-style: none; padding: 0; /* border-bottom: 1px solid #e7e6e6; */  margin: 0 0 0 10px; text-transform: inherit;}
.menu li .submenu li a:before { right: 15px; transform: rotate(0deg); }
.menu li .submenu li a:hover { color: #059bc8;}
.menu li .submenu .submenu {position: absolute; left: 100%; top: 0;}
.mobile-only-menu{ display: none;}

.submenu h2 {text-align: left;color: #193887; margin: 0 0 30px 0; font-size: 48px; font-weight: 400 !important;}
.close { display: block;}
.no_mobile{ display: block;}

.top_sec_nav {height: 108px;background: rgb(25,56,135);	background: linear-gradient(90deg, rgba(25,56,135,1) 0%, rgba(24,63,140,1) 74%, rgba(5,155,200,1) 100%);	width: 100%; position: relative; z-index: 99;}

.top_logo {float: left; width: 120px; padding: 5px 0 0; position: absolute; top: 19px; left: 18px;}
/*.ui_w{ display: none;}*/


/*------- Footer -----------*/
.ppp_bg2a {position: relative;}
.ppp_bg2a { width: 100% !important; background: #023a8e  !important; position: inherit !important; border-bottom: 0px solid #d4d4d4 !important; bottom: 0 !important; z-index: 2 !important; min-height: 50px !important; min-height: 370px !important; background-position: center !important;}

.dark-mode .ppp_bg2a {
    width: 100% !important;
    background: #666 !important;
    position: inherit !important;
    border-bottom: 0px solid #d4d4d4 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    min-height: 50px !important;
    min-height: 370px !important;
    background-position: center !important;
}
.dark-mode .main-nav:hover {
    background: #000;
}

.dark-mode .main-nav {
    position: relative;
    border: 1px solid rgba(0, 0, 0 , 0.2);
    padding: 10px 15px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px;
}
.dark-mode .related ul {
    display: none;
    margin-top: -1px;
    background: #023a8e;
    color: #ccc;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    /* overflow: overlay; */
    overflow-x: hidden;
    border: 1px solid #023480;
}
.follow ul li {float: inherit; width: 20px; height: 22px; padding: 0px 0px 0 0; margin: 0 3px 5px 0; display: inline-block;}
.ppp_bg2a .new_footer { padding: 30px 0 0 0; text-align: left;}
.follow { float: none; font-size: 12px; color: #acacac; width: auto; padding: 0px 0;}

.website{float: inherit;font-size: 12px;color: #acacac; width: 19%; display: inline-block;}
.follow{float: inherit;font-size: 12px;color: #acacac; width: 21%; display: inline-block;}
.group_companies{ width: 820px; margin: 0 auto;}
.ppp_bg2a .input_box3-large {display: block; float: none; height: auto; margin-top: 15px; max-width: 100%; width: 88%; margin: -5px auto 0px auto;}
.ppp_bg2a .input_box3-large select { -moz-appearance: none; background: none; border-radius: 25px; color: #fff; cursor: pointer; display: inline-block; border: 1px solid #325ea0; font-size: 13px;font-weight: 400; margin: 0; outline: medium none; padding: 10px 10px; width: 88%;}

.ppp_bg2a .input_box3-large label:after {color: #3a3a3a; content: url(/images/select-ic2.png); font: 14px Consolas, monospace; padding: 0 11px 4px; pointer-events: none;position: absolute; background-color: #023a8e; right: 5px; top: 0; border: 0px solid red; top: -4px; width: 34px; display: none;}
.input_box3-large label::after { color: #3a3a3a;  content: url(/images/select-ic2.png);  font: 14px Consolas, monospace;  padding: 0 11px 4px; pointer-events: none; position: absolute;    background-color: #fff; right: 5px; top: 0;}
.ppp_bg2a .new_footer { padding: 30px 0 0 0;}
.input_box3-large select option{background-color: #023a8e;}
.new_coppy { padding: 40px 0 55px 0;}
.left_new_div br{ display: none;}
.follow .text-footer{ display: inline-block; font-size: 12px; color: #fff; line-height: 26px; vertical-align: top; padding: 0 15px 0 0;}
.follow ul{display: inline-block;}
.follow ul li {float: left; width: 20px; height: 22px; padding: 0px 0px 0 0; margin: 0 10px 5px 0; cursor: pointer;}
.follow ul li:nth-child(1) a {width: 20px; height: 22px;  background: url(../images/follow-icon.png) 0 0 no-repeat; display: block;}
.follow ul li:nth-child(1) a:hover {width: 20px; height: 22px;  background: url(../images/follow-icon.png) 0 -31px no-repeat;}
.follow ul li:nth-child(2) a {width: 23px; height: 22px; background: url(../images/follow-icon.png) -25px 0 no-repeat; display: block;}
.follow ul li:nth-child(2) a:hover {width: 23px; height: 22px;  background: url(../images/follow-icon.png) -25px -31px no-repeat; display: block;}
.follow ul li:nth-child(3) a {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -50px 0 no-repeat; display: block;}
.follow ul li:nth-child(3) a:hover {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -50px -31px no-repeat; display: block;}
.follow ul li:nth-child(4) a {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -75px 0 no-repeat; display: block;}
.follow ul li:nth-child(4) a:hover {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -75px -31px no-repeat; display: block;}
.follow ul li:nth-child(5) a {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -100px 0 no-repeat; display: block;}
.follow ul li:nth-child(5) a:hover {width: 22px; height: 22px;  background: url(../images/follow-icon.png) -100px -31px no-repeat; display: block;}
.follow ul li:nth-child(6) a {width: 25px; height: 22px;  background: url(../images/follow-icon.png) -125px 0 no-repeat; display: block;}
.follow ul li:nth-child(6) a:hover {width: 25px; height: 22px;  background: url(../images/follow-icon.png) -125px -31px no-repeat; display: block;}
.follow ul li:nth-child(7) a {width: 28px; height: 22px;  background: url(../images/follow-icon.png) -150px 0 no-repeat; display: block;}
.follow ul li:nth-child(7) a:hover {width: 28px; height: 22px;  background: url(../images/follow-icon.png) -150px -31px no-repeat; display: block;}

.new_footer_link article{ float: left; width: 20%;}
.new_footer_link ul {float: none; width: 100%;}
.new_footer_link article:last-child { float: left; width: 20%;}
.new_footer_link article:last-child ul {float: left; width: 48%;}


.section4a .event_prev { position: absolute; right: -137px; top: 49%; background: url(/images/event_prev2a.png) no-repeat; width: 8px; height: 13px; text-indent: -20000px;  cursor: pointer; }
.section4a .event_next { position: absolute; left: -137px; top: 49%; background: url(/images/event_prev3a.png) no-repeat; width: 8px; height: 13px; text-indent: -20000px;  cursor: pointer; }

.blogs .blogs_prev { position: absolute; right: 0px; bottom:0px; background: url(/images/event_prev33a.png) no-repeat; width: 17px; height: 13px; text-indent: -20000px;  cursor: pointer; }
.blogs .blogs_next { position: absolute; right: -10px; bottom:0px; background: url(/images/event_prev2a.png) no-repeat; width: 8px; height: 13px; text-indent: -20000px;  cursor: pointer; }
.blogs{ position: relative;}

.section3 .banner-dots {position: inherit;  left: 0px; right: 0px; bottom: -30px; z-index: 10; width: auto; text-align: center;}
.mobile-only{ display: none;}
.line-hight{ min-height: 380px !important;}
.center_box_footer{width: calc(100% - 5%); margin: 0 auto;}

.footer_head{color: #87d3ff; margin: 10px 0; cursor: pointer; position: relative;}
.footer_head:after { position: absolute; content: ""; display: inline-block; padding: 0 0 0 45px; top: 7px; left: inherit; width: 15px; height: 15px; background: url(../images/footer_new_arrow.png) 10px 0 no-repeat;}
.no-arrow:after {position: absolute; content: ""; display: inline-block; top: 7px; right: 30px; width: 15px; height: 15px; background: none;}
.no-arrow a{color: #87d3ff !important; margin: 10px 0; cursor: pointer; position: relative;}
.new_footer{/*background: url(/images/footer-bg.jpg) no-repeat bottom center; background-size: cover;*/ background: #023a8e;}
.new_footer_link{ padding: 57px 0 0 0;}
.new_footer_link ul{ float: inherit; width: 100%;}
.new_footer_link li{ font-size: 14px; line-height: 20px; color: #87d3ff; font-weight: 600;}
.new_footer_link li.footer_head{ padding:10px 0 10px 0;}
.new_footer_link li a{ font-size: 12px; line-height: 25px; color: #57b0e3; font-weight: 600; cursor: pointer;}
.new_footer_link li a:hover{ color: #1b9ae3; font-weight: 600; }
.new_footer_link li span{padding: 0 0 0 10px; position: relative;font-weight: 400;}
.new_footer_link li span:before{background: url(/images/footer_arrow_new.png) 0px 0 no-repeat; width: 5px; height: 8px; content: ""; display: inline-block; position: absolute; top: 2px; left: 0px;}

.menu_sub ul ul{  /*display: flex;*/}
.menu_sub ul ul li { list-style: none; width: 200px; /*display: flex;*/}
/*.menu_sub ul ul li a{ width: 100%;}*/
ul.submenu li { width: 100%; float: left; /*border: 1px solid #000;*/}

.submenu_new {position: absolute;top: 0px; left: 0px; z-index: 91;}
.menu_sub ul.bb li {float: inherit; width: 41%; list-style: none; line-height: 35px; font-size: 15px; color: #193a88; cursor: pointer; /*display: flex;*/ z-index: 0; position: relative;}

.menu_sub ul.bb li a {width: 80%; list-style: none; line-height: 40px; font-size: 15px; color: #193a88; border-bottom: 1px solid #e4e4e4; padding: 0 0 0 10px;}
.menu_arrow { width: 20px; height: 40px; display: inline-block;position: absolute; left: 495px; top:10px; background: url("../images/menu_arrow_right.png") no-repeat top right;}
.menu_arrow:hover { width: 20px; height: 40px; display: inline-block;position: absolute; left: 495px; top:10px; background: url("../images/menu_arrow_right_hover.png") no-repeat top right;}

.menu_sub ul ul.cc li {width: 33.33%; display: inline-block; position: absolute; top: 0px; left: 0px;}
.menu_sub ul.dd li {width: 33.33%; display: inline-block; position: absolute; top:0px; left: 90.33%;}
ul.overview { position: absolute; top: 0px; left: 0px; width: 1400px;}
ul.overview li {position: absolute; top: 0px;left: 401px;}
ul.overview li div.overview_text {width: 43%;float: left; margin: 0 0px 0 177px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 0 51px; min-height: 362px; background: #fff; position: relative; z-index: 9;}
ul.overview li div.overview_img{ width: auto; float: left; padding: 0 85px 0 85px; background: #fff; position: relative; z-index: 9; border: 0px solid red;}
ul.overview li div.overview_img article{ position: absolute;top: 30px; left: 120px; font-size: 14px; color: #fff; width: 170px; line-height: 21px; font-weight: 300; z-index: 9;}
.overview_text h3{font-size: 20px; color: #636363; line-height: 27px; font-weight: 400; padding: 0 0 25px 0px;}
.overview_text p{font-size: 15px; color: #636363; line-height: 25px; font-weight: 400; padding: 0 0 25px 0px;}
.overview_text a {font-size: 18px; color: #193988; line-height: 25px; font-weight: 400; padding: 15px 25px; border-radius: 50px; border: 1px solid #134bcc; text-align: center;}
.overview_text a:hover {border: 1px solid #000;}
.menu_sub ul.bb li .overview_text a {width: 35%; list-style: none; line-height: 35px; font-size: 16px; color: #193988; border: 1px solid #134bcc; text-align: center;}
/*.menu_sub ul.bb li .overview_text a {display: block; background: linear-gradient(to right, #193988 50%, white 50%);   background-size: 200% 100%; background-position: right bottom; transition: all .3s ease-out; position: relative; z-index: 999;padding: 0 0 0 0px;}*/
.menu_sub ul.bb li .overview_text a {color: #193887;
    padding: 9px 29px 9px 15px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    background: #fff;
    width: 140px;
    border: 1px solid #ccc;margin: 45px 0 0 0;
    
}
.menu_sub ul.bb li .overview_text a.know4a:hover:before {
    background: url(../images/arrow_n4a.png);
}
.menu_sub ul.bb li .overview_text a.know4a:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 8px;
    background: url(../images/arrow_n4a.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin: auto;
}

.menu_sub ul.aa li .overview_text a {
    display: block;
    background: linear-gradient(to right, #193988 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .3s ease-out;
    position: relative;
    z-index: 999;
    padding: 0 0 0 0px;
}


/*.menu_sub ul.bb li .overview_text a:hover{border: 1px solid #000; color: #fff;}*/
/*.menu_sub ul.bb li.aa .overview_text a:hover {
    border: 1px solid #000;
    color: #fff; background: #193988;
}
*/


.menu_sub ul.cc { position: relative;}
/*.menu_sub ul.cc li:hover a { background: #fff;}*/
.menu_sub ul ul.cc {border: 1px solid #000; width: 485px; height: 411px; position: fixed; top: 125px; left: 770px; background: #fff;}
.menu_sub ul.cc li {/*background: #fff;*/ display: flex;}
.menu_sub ul.cc li a {/*background: #fff !important;*/ width: 88%; color: #636363; font-size: 15px;/*border-bottom: 0px solid #e4e4e4;*/}
/*.menu_sub ul.cc li:hover a {background: #eeeeee !important;}*/

/*.menu_sub ul.dd li:hover a { background: #fff;}*/
.menu_sub ul ul.dd {border: 1px solid #000; width: 490px; height: 380px; position: fixed; top: 125px; left: 1305px; background: #fff;}
.menu_sub ul.dd li {background: #fff; display: flex;}
.menu_sub ul.dd li a {/*background: #fff !important;*/width: 100%; color: #636363; font-size: 15px; padding: 0 0 0 20px}
/*.menu_sub ul.cc ul.dd li:hover a {background: #fff !important;}*/
.cc .menu_arrow { left: 448px !important;}

.menu ul.top-line-menu {display: flex !important; /* justify-content: center !important; */ padding: 0 0px 0 0;    border-top: 1px solid #4383b6;}

.menu ul.top-line-men li a {font-size: 18px; line-height: 31px; color: #86b2e3; padding: 10px 25px;  border-top: 1px solid transparent;}
.top-line-men .submenu h2 {text-align: left; color: #193887; margin: 0 0 35px 0; font-size: 48px; font-weight: 900;}


.menu  ul.top-line-men{display: flex !important; /*justify-content: center !important;*/ padding: 0 25px 0 0; border-top: 1px solid #4383b6;}
.menu  ul.top-line-men li { font-size: 18px; color: #86b2e3;}
.menu  ul.top-line-men li a { font-size: 18px; line-height: 27px; color: #86b2e3; padding: 10px 25px; border-top: 1px solid transparent;}
/*.menu  ul.top2_menu_box li:last-child a { font-size: 18px; color: #86b2e3; padding: 10px 15px;}*/

.menu  ul.top-line-men li a:hover { border-top: 1px solid #fff; color: #fff;}
.menu  ul.top-line-men li a.active { font-size: 18px; color: #fff; border-top: 1px solid #fff; line-height: 27px;}
.menu  ul.top-line-men li a:hover {color: #fff;}
.top-line-men .submenu h2{text-align: left;  color: #193887; margin: 0 0 35px 0; font-size: 48px; font-weight: 400 !important;}
/*.menu_sub ul ul.cc li:hover a {background: #fff !important;}*/
/*.menu_sub ul.cc li {display: flex; width: 400px; border: 1px sold red;}*/

/*.menu_sub ul.bb li:hover a { background: #eeeeee;}*/

/*.menu_sub ul.bb li.aa a{display: block; background: linear-gradient(to right, #eeeeee 50%, white 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .3s ease-out;}*/

.menu_sub ul.bb li.aa a:hover  {background-position: left bottom;}

.menu_sub ul.bb li a{display: block; background: linear-gradient(to right, #eeeeee 50%, white 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .3s ease-out; position: relative; z-index: 999;}
.menu_sub ul.bb li a:hover {background-position: left bottom;}


.menu_sub ul li ul.dd li a{display: block; background: linear-gradient(to right, #eeeeee 50%, white 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .2s ease-out;}
.menu_sub ul li ul.dd li a:hover {background-position: left bottom;}

/*.menu_sub ul.dd li a{display: block; background: linear-gradient(to right, #eeeeee 50%, white 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .2s ease-out;}
.menu_sub ul.dd li a:hover {background-position: left bottom;}
*/
/*ul.overview .overview_text a:hover {background: #193988;color: #fff; }*/

.only_mobile{ display: none !important;}
.only_des{ display: block !important;}

.menu li .submenu li ul.overview li {width: 90%;}
.dark-mode .new_top .menu_other_new .new_dark_part span {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px 0;
    display: block;
}
.menu_sub ul ul.bb {
    /* display: flex; */
}
.main-nav {
    position: relative;
    border: 1px solid rgba(0, 0, 0 , 0.2);
    padding: 10px 15px;
    border: 1px solid #325ea0;
    color: #fff;
    border-radius: 50px;
}

.main-nav:hover {
  background: #1b5cbd;
}

.main-nav > span {
  position:absolute;
  top: auto;
  right:20px;
  cursor:pointer;
}

.related ul {
  display:none;
  margin-top:-1px;
  background: #023a8e;
  color: #fefefe; padding: 0px; position: absolute; width: 100%;
	height: 150px;
	overflow-y: scroll;
	/* overflow: overlay; */
	overflow-x: hidden;
	border: 1px solid #023480;
}

.related li {
  border-bottom:1px solid rgba(0, 0, 0, 0.1); list-style: none;
}

.related a, a:visited {
  text-decoration:none;
  padding-left:0;
  color: #fefefe;
  padding:0px 15px;
  display:block;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.related a:hover {
  background: #1b5cbd;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.dark-mode .related a {
  background: #000;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.dark-mode .related li {
    border-bottom: 1px solid #fff;
    list-style: none;
}
/*
.menu ul.mobile_menu{ display: none !important;}
.menu ul.desktop_menu{ display: flex !important;}
*/

.menu_sub{display: flex; flex-flow: column;}
.top_menu_box_one{order: -1}

@media only screen and (max-width:1600px) {
	.menu li .submenu {position: absolute; top: 58px; transform: translateY(50px); opacity: 0; visibility: hidden; background: #fff; width: 100%; left: 0px; right: 0px; min-height: 350px; padding: 57px 69px; z-index: 9; height: calc(100vh - 108px);}
	ul.overview li {position: absolute; top: 0px; left: 240px;}
	.menu_arrow:hover {width: 20px; height: 40px; display: inline-block; position: absolute; left: 365px; top: 10px; background: url(../images/menu_arrow_right_hover.png) no-repeat top right;}
	.menu_arrow {width: 20px; height: 40px; display: inline-block; position: absolute; left: 365px; top: 10px; background: url(../images/menu_arrow_right_hover.png) no-repeat top right;}
	ul.overview li div.overview_img { width: auto; float: left; padding: 0 55px 0 43px; background: #fff; position: relative; z-index: 9; border: 0px solid red;}
	.menu_sub ul ul.cc {border: 1px solid #000; width: 496px; height: 380px; position: fixed; top: 137px; left: 517px; background: #fff;}
	.menu_sub ul ul.dd {border: 1px solid #000; width: 300px; height: 550px; position: fixed; top: 131px; left: 1060px; background: #fff;} 
	ul.overview li div.overview_img article{ position: absolute;top: 30px; left: 86px; font-size: 14px; color: #fff; width: 170px; line-height: 21px; font-weight: 300; z-index: 9;}
	.menu_sub ul.bb li {float: inherit; width: 35%; list-style: none; line-height: 35px; font-size: 15px;  color: #193a88; cursor: pointer;  display: flex; z-index: 0; position: relative;}
}
@media only screen and (max-width:1366px) {
ul.overview li div.overview_text {width: 43%; float: left; margin: 0 0px 0 185px; border-left: 1px solid #d9d9d9;    border-right: 1px solid #d9d9d9; padding: 0 51px; min-height: 362px; background: #fff; position: relative;z-index: 9;}
ul.overview {position: absolute;top: 0px; left: 0px; width: 1050px;}
.menu li .submenu li ul.overview li {width: 100%;}
.dark-mode .new_top .menu_other_new .new_dark_part {
    padding: 25px 15px;
    margin: 0px;
    float: left;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 100%;
    min-height: 108px;
    margin: 0 72px 0 0 !important;
}
}
@media only screen and (max-width:1366px) {
	.menu li .submenu {position: absolute; top: 58px; transform: translateY(50px); opacity: 0; visibility: hidden; background: #fff; width: 100%; left: 0px; right: 0px; min-height: 350px; padding: 30px 69px; z-index: 9; height: calc(100vh - 108px);}
	ul.overview li {position: absolute; top: 0px; left: 240px;}
	.menu_arrow:hover {width: 20px; height: 40px; display: inline-block; position: absolute; left: 365px; top: 10px; background: url(../images/menu_arrow_right_hover.png) no-repeat top right;}
	.menu_arrow {width: 20px; height: 40px; display: inline-block; position: absolute; left: 365px; top: 10px; background: url(../images/menu_arrow_right_hover.png) no-repeat top right;}
	ul.overview li div.overview_img { width: auto; float: left; padding: 0 55px 0 43px; background: #fff; position: relative; z-index: 9; border: 0px solid red;}
	.menu_sub ul ul.cc {border: 1px solid #000; width: 455px; height: 380px; position: fixed; top: 104px; left: 517px; background: #fff;}
	.menu_sub ul ul.dd {border: 1px solid #000; width: 290px; height: 380px; position: fixed; top: 100px; left: 1000px; background: #fff;}
	ul.overview li div.overview_text {width: 42%;}
	.cc .menu_arrow {left: 365px !important;}
	ul.overview li div.overview_img article {top: 30px; left: 86px;}
	.submenu h2 {margin: 0 0 25px 0;}
	.close {bottom: 20px !important;}
	.submenu h2 {text-align: left; color: #193887; margin: 0 0 15px 0; font-size: 35px; font-weight: 600 !important;}
	.menu_sub ul ul.cc {border: 1px solid #000; width: 415px; height: 380px; position: fixed; top: 89px; left: 507px; background: #fff;}
	.menu_sub ul ul.dd {border: 1px solid #000; width: 415px; height: 395px; position: fixed; top: 89px; left: 948px; background: #fff;}
	.menu_sub ul.cc li a {/*background: #fff !important;*/ width: 78%; color: #636363; font-size: 15px;/*border-bottom: 0px solid #e4e4e4;*/}
	.menu li .submenu li ul li {margin-right: 0; font-size: 16px; position: relative; float: inherit; width: 463px; border: none; margin: 0 0 0 0px;}
	.menu_sub ul.bb li {float: inherit; width: 37%; list-style: none; line-height: 35px; font-size: 15px; color: #193a88; cursor: pointer; /*display: flex;*/ z-index: 0; position: relative;}
	.menu_sub ul.bb li a { width: 85%;}
	.menu_sub ul.cc li a {width: 84%;}
	.menu_sub ul.bb li .overview_text a {margin: 25px 0 0 0;}
	
}


 @media only screen and (max-width: 1023px) {
	 .menu_sub{display: block;}
	#menu_trigger {height: 22px; width: 30px; display: inline-block;}
	#menu_trigger .menulines {margin-top: 10px; position: relative; display: block;}
	#menu_trigger .menulines, #menu_trigger .menulines:before, #menu_trigger .menulines:after {content: ""; height: 14px; width: 25px; border-radius: 0px; /*background: #fff;*/ background: url(../images/new_tata_menu.png) no-repeat;}
	#menu_trigger .menulines:before, #menu_trigger .menulines:after { position: absolute; left: 0;	}
	/*#menu_trigger .menulines:before { top: -9px;	}*/
	 #menu_trigger .menulines:before {top: -9px; left: 0px; margin: 0 0 0 0px; width: 31px; display: none;}
	/*#menu_trigger .menulines:after { top: 9px;	}*/
	 #menu_trigger .menulines:after {top: 9px; width: 14px; right: 0px; margin: 0 0 0 15px; display: none;}
	 
	.mobile-menu {/*display: none;*/ position: fixed; left: inherit; width: 302px; right: -302px; top: 10px; background: #fff; overflow: inherit; height: 100vh; color: #fff; float: left; margin: 0 0 0 70px; z-index: 9; top: 0px;}
	 .new_top .menu_other_new .new_dark_part {border-right: inherit;}
	 
	.mobile-menu ul {transition: 350ms all; display: block;	}
	.new_top .menu_other_new {float: right;margin: 0 65px 0 0;height: 85px;}
	.menu ul.top_menu_box { display: block !important; justify-content:inherit;}
	.menu ul.top2_menu_box { display: block !important; justify-content:inherit;}
	.top_menu_box li { padding: 0px; margin: 0px; font-size: 14px; color: #86b2e3; text-align: left;}
	.mobile-menu li {margin: 0; border-bottom: 1px solid #e4e4e4; font-size: 16px;	}
	.mobile-menu li a {color: #000; display: block; position: relative; padding: 15px 20px;	}
	.mobile-menu li a:hover {color: #ff5252;}
	.mobile-menu li a .navtrigger {position: absolute; right: 0; top: 0; bottom: 0; width: 30px;background: transparent; border: 0px solid #404040;}
	.mobile-menu li a .navtrigger:before {content: ""; position: absolute; top: 50%; left: inherit; right: 0px; height: 8px; width: 8px; border-right: 2px solid #484848; border-bottom: 2px solid #484848;transform: translate(-50%, -50%) rotate(-45deg);}
	 
	 
	.mobile-menu li .submenu { position: absolute; top: -50px; left: 100%; width: 100%; background: #fff; height: 100%; transition: 350ms all; z-index: 1; overflow: scroll;}
	.mobile-menu li .submenu li {font-size: 14px;}
	.mobile-menu li .submenu .backmenu-row {position: relative; padding: 20px 0 0 0; padding-left: 0px; font-size: 16px; text-align: left;}
	.mobile-menu li .submenu .backmenu-row .back-trigger {background: url(../images/back.jpg) no-repeat; width: 67px; height: 24px; text-align: left; margin: 50px 0 20px 0;}
	/*.mobile-menu li .submenu .backmenu-row .back-trigger:before {content: ""; position: absolute; top: 50%; left: 50%; height: 8px; width: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-50%, -50%) rotate(135deg);	}*/
	.mobile-menu li .submenu .backmenu-row em {font-style: normal; color: #193887; font-size: 22px; text-align: left; position: absolute; top: 0px; left: 0px; font-weight: 600;}
	 ul.overview {position: absolute;top: 0px; left: 0px; width: auto;}
	 
	.mobile-menu li.sub-open > .submenu { left: 0;	}
	
	 .new_top .menu_other_new .new_dark_part span { color: #bdd3e4;  font-size: 12px; line-height: 18px; padding: 0 0 5px 0; display: block; display: none;}
	/*.banner_block, .top_sec_nav { height: 78px;}*/
	.new_top .menu_other_new .new_dark_part { padding: 30px 15px 0 0; /*margin: 0px;*/ float: left; border-right: 0px solid #2b4890; height: 100%; min-height: 78px;}
	.new_top .menu_other_new .new_plugin_part { padding: 30px 15px;  margin: 0px;  float: left; height: 100%; min-height: 77px;  width: 60px;}
	.new_top .menu_other_new .new_plugin_part #menuToggle {display: block; position: absolute; top: -6px;right: -10px;  z-index: 9999;   -webkit-user-select: none;        user-select: none; padding: 0px;  padding-top: 0px;   padding-right: 0px; padding-bottom: 0px; border-radius: 6px; width: 34px; height: 34px; border-radius: 50%;
        margin-top: 0px;}
	#menu_trigger {width: 32px;height: 20px;right: 68px;top: 26px;z-index: 0;}
	#mainmenu .menuopen {z-index: 99 !important; background: url(../images/closenav.png) no-repeat; width: 25px; height: 25px;}
	.menu ul.top2_menu_box li a.active { font-size: 18px;  color: #193887;  border-top: 0px solid #fff;}
	.menu ul.top2_menu_box li a { font-size: 18px;  color: #86b2e3;  padding: 10px 25px;  border-top: 0px solid #4770aa;}
	.menu ul.top2_menu_box { border-top: 0px solid #4770aa;}
	 
	.menu li .submenu li {margin-right: 0; font-size: 16px; position: relative; float: inherit; width: 100%;}
	.top_menu_box li a { font-size: 16px; color: #193887;}
	.menu{ margin: 20px 0 0 0;}
	.menu ul.top2_menu_box li a {font-size: 18px; color: #193887; padding: 5px 25px 5px 35px; border-top: 0px solid #4770aa;}
	 
	.mobile-only-menu {display: block; position: inherit; z-index: 999; right: 120px; top: 25px; width: auto; padding: 0 35px 20px 17px; font-style: normal;
    color: #193887;font-size: 30px; text-align: left; font-weight: 700 !important;}
	
	.dark-mode .new_top .menu_other_new .new_dark_part {
    margin: 0 33px 0 0 !important;
}
	 
	.menu-row ul li a {text-decoration: none; color: #193887; padding: 10px 17px 10px 5px; display: inline-block; transition: 350ms all; width: 100%; font-weight: 500;} 
	.close { display: none;}
/*	.menuopen {background: url(../images/closenav.png) no-repeat; width: 20px; height: 20px;}*/
	.new_top .menu_other_new .new_nav_part {padding: 15px 25px 0 0; margin: 0px; float: left; height: 100%; min-height: inherit;}
	.no_mobile{ display: none;}
	.submenu_bg { background: rgba(0,0,0,.7); height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index:9; opacity: 1; z-index: 3;}
	 body{ position: relative;}
	.menu li .submenu li a {color: #193887; font-size: 14px; font-weight: 500;}
	.submenu2 li span {color: #67779e; font-weight: 400; font-size: 14px;}
	.menu ul.top2_menu_box li ul li a {font-size: 14px; color: #193887; padding: 3px 0; border-top: 0px solid #4770aa; text-align: left; font-weight: 500; position: relative;}
	.top2_menu_box ul { display: inherit !important; justify-content: inherit; padding: 0 0px 0 0;}
	/*.menu ul.top2_menu_box li:last-child a {font-size: 14px; color: #193887; padding: 3px 0px;font-weight: 500;}*/
	.menu ul.top2_menu_box li a {font-size: 18px; line-height: 16px; color: #193887; padding: 10px 25px 10px 36px; border-top: 1px solid transparent;}
	.menu ul.top2_menu_box li a.active {font-size: 18px; color: #193887; border-top: 0px solid #fff; line-height: inherit;}
	 .menuopen .menulines { background: none !important;}
	.top_logo {display: block !important;}
	.top_logo {float: left; width: 120px; padding: 0px 0 0; position: absolute; top: 27px; left: 15px;}
	.top_logo img{ width: 60%;}
	.new_top .menu_other_new .new_plugin_part .plugin_part {position: absolute; top: 32px; height: auto; right: 25px; z-index: 8;}
	.top_sec_nav {background: #193887;	width: 100%; position: relative;height: 85px;}
	.menu li .submenu {padding: 30px 20px;}
	ul.overview {position: inherit; top: 0px; left: 0px; width: auto;}
	.menu_sub ul.bb li {float: inherit; width: 100%; list-style: none; line-height: 35px; font-size: 15px; color: #193a88; cursor: pointer; display: inline; z-index: 0;
    position: relative;}
	ul.overview li {position: inherit; top: 0px; left: 0;}
	ul.overview li div.overview_text {width: 100%;}
	ul.overview li div.overview_text {width: 100%; float: inherit; margin: 0 0px 0 190px; border-left: 0px solid #d9d9d9; border-right: 0px solid #d9d9d9; padding: 0 15px; min-height: 362px; background: #fff; position: relative; z-index: 9; display: none;}
	.overview_img{ display: none;}
	.menu_arrow {width: 20px; height: 40px; display: inline-block; position: absolute; left: 237px; top: 10px; background: none;content: ""; position: absolute; top: 50%; left: inherit; right: 0px; height: 8px; width: 8px; border-right: 2px solid #484848; border-bottom: 2px solid #484848; transform: translate(-50%, -50%) rotate(-45deg);}
	.menu_sub ul.bb li a {width: 100%; list-style: none; line-height: 40px; font-size: 15px; color: #193a88; border-bottom: 1px solid #e4e4e4; padding: 0 0 0 10px;}
	.menu ul.top_menu_box {display: inherit !important; justify-content: flex-end; padding: 0 15px; BORDER: none;}
	 
	.menu_sub ul.bb li a .navtrigger {position: absolute; right: 0;top: 0; bottom: 0; width: 30px; background: transparent; border: 0px solid #404040;}
	.menu_sub ul.bb li a .navtrigger:before {} 
	.menu_sub ul ul.cc {border: 1px solid #000; width: 100%;height: auto; position: inherit; top: 0; left: 0; background: #fff;}
	.menu li .submenu li ul {border: none; display: block !important;}
	.cc .menu_arrow {left: inherit !important;}
	.menu_sub ul ul.dd {border: 1px solid #000; width: 100%; height: auto; position: inherit; top: 0; left: 0; background: initial;}
	 
	.menu ul.rps li a {font-size: 15px !important;line-height: 21px !important;color: #193a88 !important;padding: 10px 7px; border-top: 1px solid transparent;}
	.dark-mode .menu ul.rps li a {font-size: 15px !important;line-height: 21px !important;color: #000 !important;padding: 10px 8px;	border-top: 1px solid transparent;}
	 
	.menu  ul.rps li a:hover {color: #000 !important; border-top: 1px solid #fff;}
	.submenu h2 {margin: 0 0 25px 0; display: none;}
	 
	.accordion {cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size: 16px;transition:  0.4s; padding: 0 0 0 12px; line-height: 40px; font-size: 15px; color: #193a88; font-weight: 500;}
	.active, .accordion:hover {}
	.accordion:after {content: '+'; color: #777; font-weight: bold; float: right; margin-left: 5px; font-size: 20px;}
/*	.active:after { content: "-"; font-size: 30px;}*/
	.active:after { content: ""; font-size: 30px;}
	.panel {padding: 0 12px; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border-bottom: 1px solid #e4e4e4;}
	.menu_sub ul.dd li { width: 100%; display: block; position: inherit; top: 0px; left: 0;}
	.only_mobile{ display: block !important;}
	.only_des{ display: none !important;}
	.bannerPanel {background: transparent; position: relative; overflow: auto !important; height: inherit;}
	.new_top .menu_other_new .only_default {
    padding: 25px 9px;
    margin: 0px;
    float: left;
    border-left: inherit !important;
    border-right: inherit !important;
    height: 100%;
    min-height: 108px;
    margin: 0 0px 0 0 !important;
}
#menuToggle {
    display: block;
    position: absolute;
    top: -10px;
    right: 75px;
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    padding: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-top: 8px;

}
.new_top .menu_other_new .new_dark_part {
    padding: 32px 10px;
    margin: 0px;
    float: left;
    border-left: initial;
    height: 100%;
    min-height: 85px;
    margin: 0 40px 0 0;
}
	 
.only_home .new_top .menu_other_new .new_dark_part {
    padding: 32px 10px;
    margin: 0px;
    float: left;
    border-left: initial;
    height: 100%;
    min-height: 85px;
    margin: 0 0px 0 0;
}
	 
	 
.new_footer_link {
    padding: 57px 0 0 0;
    display: none;
}
.menu-row ul li a:hover {color: #000;}
.dark-mode .new_top .menu_other_new .new_dark_part span { display: none;}
.dark-mode .new_top .menu_other_new .new_dark_part { border-left: 0px solid #999; border-right: 0px solid #999;}
.dark-mode .menu ul.rps li a {
    font-size: 17px;
    line-height: 24px;
    color: #333;
    padding: 10px 8px;
    border-top: 1px solid transparent;
}
.dark-mode .menu-row ul li a { color: #000;}
.menu-row ul li a { color: #193887;}	 
.menu_sub {overflow: auto; height: 500px;}
	 
.dark-mode .accordion {color: #000 !important;}
.dark-mode .mobile-menu li .submenu .backmenu-row em {color: #000;}
.dark-mode .mobile-menu li .submenu .backmenu-row .back-trigger {background: url(../images/back.jpg) no-repeat; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
}
.dark-mode #mainmenu .menuopen {
    z-index: 99 !important;
    background: url(../images/closenav.png) no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/*
.menu ul.mobile_menu{ display: block !important;}
.menu ul.desktop_menu{ display: none !important;}
*/
/*--------- .footer1 end ---------*/



@media screen and (min-aspect-ratio: 13 / 7) and (max-device-width:1114px) and (orientation: landscape){
	body:before{content:''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000 url(../images/orientation-change.png) no-repeat 50% 50%; background-size:400px; z-index: 99999;}
	 }