.page-template-default, body { top: 0 !important } #cssmenu>ul>li>a, #menu_cat { font-weight: 600; text-decoration: none } .goog-te-menu-value { padding: 0 5px !important; font-size: 12px !important; text-transform: inherit !important } .goog-logo-link, .goog-te-gadget-icon, .nav-col1 { display: none } .goog-te-banner { display: none !important; background-image: transparent !important; background-color: transparent !important } .goog-te-banner-frame { display: none !important; margin-top: -20px } .goog-te-gadget-simple { margin-top: 5px !important; padding: 4px 0 !important; font-size: 12px !important; display: inline-block; border-color: #878787 } body { overflow-x: unset } .logo-col { float: left; width: 17%; margin-bottom: -11px } .header-logo-menu { float: left;} .menu-tael .navbar-default .navbar-toggle:hover, .menu-tael p:hover { background: 0 0 !important } @media screen and (max-width:768px) { .search { float: right !important } } @media screen and (max-width:320px) { .img_ad { width: 41% !important } } @media screen and (max-width:360px) { .img_ad { width: 44% !important } } @media screen and (max-width:800px) { #advert { display: none !important } #stickyribbon2 { position: static !important } .nav-ul { background-color: #4f5760 !important } .nav-col { z-index: 9 !important } .nav { z-index: 0 !important } } .nav__dropdown li { display: block !important } .nav-col { background-color: #4f5760; float: left; margin-top: 0; width: 100%; } #footer.footer-3, .bottom-header.bottom-header-3, .breadcrumbs-main.breadcrumbs-main-3, .breaking-news.breaking-news-3, .header-col, .main-sections, .nav__dropdown, .top-footer.top-footer-3, .top-header.top-header-3 { background-color: #fff } .header-col { margin-top: 0; padding-top: 5px } header { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; margin: 0 auto; padding: 0 } .nav-ul a { color: #fff; padding: 8px 10px; line-height: 21px; } .priority-nav li { display: inline-block } .nav__dropdown a { color: #000 } .nav { z-index: 99 } .animation { -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .animatebox { border: 1px solid #111; width: 100%; transform: translate3d(-2000px, 0, 0) transform: translate3d(-100%, 0, 0) background:#f9f9f9 !important } .navbar { border-radius: 0; margin-bottom: 0 !important } .top-header .navigation>div>ul>li, .top-header .navigation>div>ul>li>a { line-height: 35px; font-size: 12px; font-weight: 400; background-color: transparent !important } .navbar-collapse { padding-left: 0 } ol, ul { margin-top: 0; margin-bottom: 0 } .contact, li, ol, ul { list-style: none } .main-sections { margin: 0 auto } .lo-header_nav_button { position: relative; top: 50%; width: 46px; z-index: 20; border-radius: 0; margin: 4px 0 5px; height: 46px; display: block; opacity: 1; background: #72828a; border: 0 solid #fff; text-indent: -9999px; float: left } #menu_cat { border: 1px solid #000 !important; padding: 0 10px !important; font-size: 12px; text-transform: uppercase } #menu_cat a { color: #fff !important } .header-logo-menu, .navigation.navigation-left { width: 100% } @media screen and (min-width:992px) and (max-width:1199px) { .nav-ul a { padding: 8px 9px !important } } @media screen and (max-width:991px) { .navbar-toggle { display: block } .nav2 { display: none } .navbar-header { float: right !important; margin-top: -39px !important; border: none !important } .res-menu-icon { height: 48px !important; background: #4f5760; border: 1px solid #4f5760 !important } .res-menu-icon img { margin-left: 4px !important; margin-top: 5px !important } } @media screen and (min-width:320px) and (max-width:991px) { .breaking-news-title { display: none !important } .show-menu1 { display: block !important } .nav-ul { background-color: #4f5760 !important } .vertical { max-height: 260px; overflow: scroll } } .search, .searching { display: inline-block }.navbar-toggle { float: left; margin-top: 0 !important; margin-bottom: 0; padding: 8px 6px; border-radius: 4px } .box { border-bottom: 1px solid #ededed } @media screen and (min-width:320px) and (max-width:767px) { .navbar-default .collapse, .navbar-default .dropdown, .navbar-default .dropup, .navbar-default .nav { display: none !important } } nav { max-width: 100%; white-space: normal } @media screen and (min-width:651px) { #navmenu { margin-right: -12px } } ul li ul.dropdownp li a { color: #fff; padding: 8px 11px } ul li ul.dropdownp { background: #c5393e; display: none; position: absolute; z-index: 999; height: 39px } #soo a:hover { background: #d8d8d8; text-transform: none; height: 39px; border-bottom: 1px solid #d8d8d8 !important } .navigation ul>li ul { position: relative; left: 0; top: 100%; z-index: 993; width: 80px; border: 1px solid #e9e9e9; padding: 0; line-height: 23px } ul li ul.dropdownp li, ul li:hover ul.dropdownp { display: block } .navigation ul>li ul li { position: relative; float: none; list-style: none; text-transform: none; width: 211px; background-color: #1076bc } .navigation li ul li a { height: inherit; float: inherit; text-align: left; display: block; margin: 0 !important; padding: 9px 15px; z-index: 993; font-size: 13px; font-weight: 400; line-height: 22px; border-bottom: 1px solid #f3f3f3 } .timeline-item { padding-bottom: 10px } @media screen and (max-width:799px) { #div-gpt-ad-1608799351347-0 { display: none } } .show-menu { z-index: 999999 } .search { position: relative } .searching { background: #3498db; color: #fff; border-radius: 0; padding: 7px 9px; font-size: 18px; text-shadow: 1px 1px 2px #21638f; box-shadow: inset 0 0 0 #21638f; transition: .5s; -webkit-transition: .5s; cursor: pointer; position: relative; left: 15px } .searching:hover { background: #5dade2; text-shadow: 0 0 0 #21638f; box-shadow: inset 0 0 8px #21638f; transition: .5s; -webkit-transition: .5s } .search_form { background: #4f5760; position: absolute; z-index: 0; padding: 0 5px; right: -16px; top: 15px; overflow: hidden; border-radius: 0; width: 20px; height: 0; transition: height .2s ease-out .5s, top .2s ease-out .5s, padding .2s ease-out .5s, width .3s ease-out .2s; -webkit-transition: height .2s ease-out .5s, top .2s ease-out .5s, padding .2s ease-out .5s, width .3s ease-out .2s } .search_form form { opacity: 0; transition: .3s ease-out; -webkit-transition: .3s ease-out } .search_form input { background: #fff; border: none; color: #000; font-weight: 700 } .search_form input[type=text] { width: 145px; margin: 0 1px 0 0; padding: 0 5px 1px; min-height: 24px; font-size: 11px } .search_form input[type=submit] { text-transform: uppercase; font-size: 11px; padding: 0 5px; min-height: 24px; margin: 0; cursor: pointer; background-color: #4f5760; color: #fff } .search_box { visibility: hidden } .search_box:checked~.search_form { width: 213px; height: 32px; padding: 4px; top: 35px; transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, width .3s ease-out .2s; -webkit-transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, width .3s ease-out .2s } .search_box:checked~.search_form form { opacity: 1; transition: .3s ease-out .5s; -webkit-transition: .3s ease-out .5s } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; 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 { width: min-content; border-bottom: 1px solid #bf1e2e; font-family: Raleway, sans-serif; line-height: 1; float: right; padding-right: 0; margin-top: -31px } #cssmenu ul { background: 0 0 } #cssmenu>ul>li { float: left } #cssmenu.align-center>ul { font-size: 0; text-align: center } #cssmenu.align-center>ul>li { display: inline-block; float: none } #cssmenu.align-right>ul>li { float: right } #cssmenu.align-right>ul>li>a { margin-right: 0; margin-left: -4px } #cssmenu>ul>li>a { z-index: 2; padding: 30px 6px 5px; font-size: 10px; color: #444; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; margin-right: 1px } #cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a, #cssmenu>ul>li>a:hover { color: #4f5760 } #cssmenu>ul>li>a:after { position: absolute; left: 0; bottom: 0; right: 0; z-index: -1; height: 55%; border-top-left-radius: 0; border-top-right-radius: 0; content: ""; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transform: perspective(5px) rotateX(2deg); -webkit-transform-origin: bottom; -moz-transform: perspective(5px) rotateX(2deg); -moz-transform-origin: bottom; transform: perspective(5px) rotateX(2deg); transform-origin: bottom; background-color: #ddd; border: 1px solid #ddd; border-bottom: 0 solid #ddd } #cssmenu>ul>li.active>a:after, #cssmenu>ul>li:hover>a:after, #cssmenu>ul>li>a:hover:after { background: #bf1e2e } @media screen and (max-width:992px) { #list_class { display: flex; justify-content: right; padding-right: 5px } .has-sub { z-index: 9999 !important } .menu-tael .navbar-default .navbar-toggle:hover p { background: #4f5760 !important; color: #fff !important } .jolly.white-style.menu-tael:hover .nav-col1, .jolly.white-style.menu-tael:hover .vertical { display: block !important } nav { padding: 0 !important } #navmenu { margin-right: 10px !important } .res-menu-icon { height: 40px !important; background: #4f5760 !important; border: 1px solid #4f5760 !important } .res-menu-icon img { margin-top: 2px !important } } @media screen and (max-width:1199px) { #sticky_logo a { padding: 0 !important } #advert { display: none } } @media screen and (max-width:767px) { #sitemap { left: -60px !important } } .goog-te-gadget-simple { margin-top: 0px !important; padding: 0px 0 !important; font-size: 12px !important; display: inline-block; border-color: #878787; } /* @media screen and (min-width:600px) and (max-width:767px){ #advertise { left: 185px;}} */@media screen and (max-width:991px) { .scrollable-dropdown { max-height: 300px; overflow-y: auto; overflow-x: hidden;}.scrollable-dropdown::-webkit-scrollbar { width: 6px;}.scrollable-dropdown::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 3px;}.scrollable-dropdown::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,0.4);}} .nav-ul a{font-size: 13px;}/* @media (min-width: 1200px) { .container { width: 1170px !important;}} */
/* === Nav strip borders: 1px black top + 3px black bottom; menu font; aligned region/search === */
@media (min-width:992px){
  #stickyribbon .nav-col{ background:#fff !important;border-top:0 !important;border-bottom:0 !important;padding: 0 !important;}
  /* Borders span only from the first menu item to the search icon (on the <ul> itself) */
  #stickyribbon .nav-col .nav-ul{ position: relative; margin:0 !important;padding:0 !important;border-top:1px solid #000 !important;border-bottom:3px solid #000 !important;display:flex !important;align-items:stretch !important;flex-wrap:nowrap !important;width:100% !important;}
  #stickyribbon .nav-col .nav-ul > li > a{color:#000 !important;font-family:'IBM Plex Serif', serif !important;font-size:14px !important;font-weight:400 !important;text-transform:capitalize !important;padding:8px 5px !important;line-height:21px !important;background:transparent !important;}
  #stickyribbon .nav-col .nav-ul > li > a:hover{color:#bf1e2e !important;}
  /* Region pill keeps red background and stretches with strip */
  #stickyribbon .nav-col .nav-ul > li#list_class{float:none !important;margin-left:auto !important;margin-right:0 !important;padding:0 !important;display:flex !important;flex-direction:row !important;align-items:stretch !important;height:auto !important;align-self:stretch !important;}
  #stickyribbon .nav-col .nav-ul > li{ float:none !important;}
  /* Pin Region pill + Search flush at the right end of the nav strip */
  #stickyribbon #list_class > #cssmenu{margin:0 !important;float:none !important;align-self:stretch !important;width:auto !important;}
  #stickyribbon #list_class > .search{margin:0 !important;float:none !important;align-self:stretch !important;left:0 !important;position:relative !important;}
  #stickyribbon #cssmenu{margin:0 !important;border-bottom:0 !important;float:none !important;display:flex !important;align-items:stretch !important;height:auto !important;}
  #stickyribbon #cssmenu > ul,
  #stickyribbon #cssmenu > ul > li.active1.has-sub{display:flex !important;align-items:stretch !important;margin:0 !important;padding:0 !important;list-style:none !important;}
  #stickyribbon #cssmenu > ul > li.active1.has-sub > a{display:flex !important;align-items:center !important;height:100% !important;line-height:1 !important;padding:0 14px !important;margin:0 !important;background:#bf1e2e !important;color:#fff !important;font-size:13px !important;}
  #stickyribbon #cssmenu > ul > li.active1.has-sub > a::after{display:none !important;}
  /* Push the region dropdown below the strip's bottom border */
  #stickyribbon #cssmenu > ul > li.active1.has-sub > ul{margin-top:2px !important;top:100% !important;}
  /* Search icon stretches the strip */
  #stickyribbon .nav-col .search{display:flex !important;align-items:stretch !important;float:none !important;left:0 !important;height:auto !important;}
  #stickyribbon .nav-col .search > .searching{display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;margin:0 !important;padding:0 10px !important;background:#bf1e2e !important;color:#fff !important;left:0 !important;line-height:1 !important;}
  /* Google translate beside region selector inside #list_class */
  #stickyribbon #list_class > #google_translate_element{display:inline-flex !important;align-items:center !important;float:none !important;margin:0 12px 0 0 !important;height:35px !important;color:#000 !important;}
  #stickyribbon #list_class > #google_translate_element,
  #stickyribbon #list_class > #google_translate_element *,
  #stickyribbon #list_class > #google_translate_element a,
  #stickyribbon #list_class > #google_translate_element span{color:#000 !important;}
  #stickyribbon #list_class > #google_translate_element .goog-te-gadget-simple{display:inline-flex !important;align-items:center !important;margin:0 !important;padding:0 6px !important;height:24px !important;line-height:1 !important;font-size:11px !important;white-space:nowrap !important;}
  #stickyribbon #list_class > #google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{display:inline-flex !important;align-items:center !important;height:22px !important;line-height:22px !important;font-size:11px !important;padding:0 4px !important;}
  /* Top-banner 3-row stack pinned to right */
  .header-col{position:relative !important;}
  #advertise.three-row-stack{position:absolute !important;right:15px !important;top:50% !important;transform:translateY(-50%) !important;float:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;flex:0 0 auto !important;width:auto !important;max-width:none !important;z-index:5 !important;}
  ul.navbar-nav > li.nav-item > .dropdown-menu, ul.nav-ul > li.nav-item > .dropdown-menu { left: 0 !important;right: auto !important;width: 100% !important;max-width: 100% !important;margin-top: 0 !important;padding-top: 0;.nav-ul > li.mobile-only-link,
  .nav__dropdown li.mobile-only-link{display:none !important;}
  }
}
/* Mobile-only links (About Us, Conference, Advertise With Us) - hide on desktop, show on mobile */
/* Mobile: hide the 3-row stack from header (links shown in nav) */
@media screen and (max-width:991px){
  #advertise.three-row-stack{display:none !important;}
  .nav-ul > li.mobile-only-link,
  .nav__dropdown li.mobile-only-link{display:list-item !important;}
}
@media screen and (min-width:1200px) and (max-width:1299px){ #stickyribbon .nav-col .nav-ul > li > a{ font-size:10px!important}}@media screen and (min-width:1300px) and (max-width:1425px){ #stickyribbon .nav-col .nav-ul > li > a{ font-size:12px!important}} #stickyribbon .nav-col .nav-ul > li > a.active{ color: #be1723 !important;}