.about_us, .adv_with_us, .conf_top{ display: inline-block;padding: 0 7px;line-height: 20px !important;margin: 0;font-weight: 600;font-size: 12px;letter-spacing: 1px;color: #fff !important;background-color: #d81a21 !important;border-bottom: none !important;text-align: right;font-family: arial !important;border-radius: 0;white-space: nowrap;}.conf_top{ background-color: #173760 !important;} .top_adv{ display:block;text-decoration:none;margin-bottom:3px;text-align:right;line-height: 0;} /* ────────────────────────── END ────────────────────────── */ #nav_bar{ border-top: 1px solid #000;border-bottom: 3px solid #000;position: relative;}.nav-ul a:hover, .nav-ul a.selected{ background-color: #fff !important;color: #d81a21 !important;box-shadow: none !important;}.dropdown-menu{ width: 100% !important;}.dropdown-hover:hover > .dropdown-menu { display: inline-block !important;} .page-template-default, body { top: 0 !important } #soo a, #soo a:hover, .navigation ul>li ul li { text-transform: none; text-transform: none } #cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a, #cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a, #cssmenu>ul>li>a:hover, .nav-ul a, .searching, ul li ul.dropdownp li a {  color: #fff } #cssmenu>ul>li>a, #menu_cat { text-transform: uppercase; text-decoration: none } #cssmenu ul ul li.has-sub>a:after, #cssmenu ul ul li.has-sub>a:before, #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before { content: ''; background: #ddd; position: absolute } body { overflow-x: unset } .goog-te-menu-value:hover { background: 0 0 !important; box-shadow: 0 0 5px -1px transparent !important } .goog-te-menu-value { padding: 0 5px !important; font-size: 12px !important; text-transform: inherit !important } #cssmenu #menu-button, .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: 1px; padding: 0px 0 !important; font-size: 12px !important; display: inline-block; border-color: #878787 } .menu-tael .navbar-default .navbar-toggle:hover, .menu-tael p:hover { background: 0 0 !important } .header, header { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; margin: 0 auto; padding: 0 } @media screen and (max-width:992px) { .nav a { padding: 2px !important } } .contact, li, ol, ul { list-style: none } .logo-col { float: left; } @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) { .active1.has-sub.new_sb:hover { height: 40px !important } .navigation ul>li ul li { width: 70px !important; background-color: #4f5760 } #navmenu { height: 36px !important } #stickyribbon2 { position: static !important } .nav-col { z-index: 9 !important } .nav { z-index: 0 !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 } } #stickyribbon, .nav { z-index: 99 } .nav__dropdown li { display: block !important } .nav-col { background-color: #fff; float: left; margin-top: 0; width: 100%; margin-bottom: 15px;} .header-col { background-color: #fff; margin-top: 0; padding-top: 5px } .nav-ul a { font-family: 'IBM Plex Serif', serif;line-height: 28px; font-weight: 400 !important; color: #252525 !important; text-transform: capitalize !important;font-size: 14px !important; padding: 12px 10px 0;} .priority-nav li { border-right: 1px solid #ddd; display: inline-block } Inherited from div#stickyribbon (index):151 #stickyribbon { z-index: 99 } .wdn-text-hidden { font-size: 0; width: 1px; height: 1px; display: inline-block; overflow: hidden; position: absolute !important; border: 0 !important; padding: 0 !important; margin: 0 !important; clip: rect(1px, 1px, 1px, 1px) } .navbar1.navbar-default, nav { padding: 0 } .navbar-toggle { float: right; margin-top: 0 !important; margin-bottom: 0; padding: 8px 5px; border-radius: 4px; margin-right: 0 } .navbar-collapse { background: #f5f5f5; padding-left: 0; padding-right: 0 } #footer.footer-3, .bottom-header.bottom-header-3, .breadcrumbs-main.breadcrumbs-main-3, .breaking-news.breaking-news-3, .main-sections, .top-footer.top-footer-3, .top-header.top-header-3 { background-color: #fff } .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 } ol, ul { margin-top: 0; margin-bottom: 0 }#google_translate_element{ margin: 5px 15px 0 0 !important;}.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 } .header-logo-menu, .navigation.navigation-left { width: 100% } #menu_cat { border: 1px solid #000 !important; padding: 0 10px !important; font-size: 12px; font-weight: 600 } #menu_cat a { color: #fff !important } @media screen and (min-width:320px) and (max-width:991px) { #advert { display: none } #staticads, .breaking-news-title { display: none !important } .show-menu6 { display: block !important } .vertical { max-height: 260px; overflow: scroll } } .search, .searching { display: inline-block }.box { border-bottom: 1px solid #ededed } @media screen and (min-width:801px) and (max-width:991px) { .dropdown-menu, .nav-ul.firstlist { margin-top: 0 !important } .navbar-collapse.collapse { height: auto !important } .dropdown-menu { top: auto !important } .nav.navbar-nav { background-color: #f5f5f5 } } @media screen and (min-width:889px) and (max-width:970px) { .dropdown-menu, .nav-ul.firstlist { margin-top: 0 !important } } @media screen and (min-width:500px) and (max-width:830px) { #slides { width: 50% !important; margin-right: 10px; float: left } #stickyribbon2 { margin-top: 0 !important; float: left } } @media screen and (min-width:768px) and (max-width:800px) { .dropdown-menu { margin-top: 0 !important; top: auto !important } .navbar-collapse.collapse { height: 0 !important } .nav.navbar-nav { background-color: #f6f6f6 } #hdr { background-color: #4f5760 !important } } @media screen and (min-width:320px) and (max-width:800px) { .navbar-header { float: right !important } #navmenu { display: block !important } .navbar-default .collapse, .navbar-default .dropdown, .navbar-default .dropup, .navbar-default .nav { display: none !important } } nav { max-width: 100%; white-space: normal } ul li ul.dropdownp { background: #d81a21; display: none; position: absolute; z-index: 999 } ul li ul.dropdownp li { display: block } .navbar-header { height: 0 } ul li:hover ul.dropdownp { display: block; display: inline-grid }
#soo a:hover { background: #d8d8d8 } #soo a { font-family: "Open Sans", helvetica, arial } .search { position: relative } .navigation ul>li ul { position: absolute; left: unset; top: unset; z-index: 993; border: 1px solid #e9e9e9; padding: 0; line-height: 23px } .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 } .searching { background: #d81a21; border-radius: 0; padding: 9px; font-size: 18px; text-shadow: 1px 1px 2px #21638f; box-shadow: inset 0 0 0 #21638f; transition: .5s; -webkit-transition: .5s; cursor: pointer; z-index: 10; position: relative; margin: 0;} .searching:hover { background: #d81a21; 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: 0; 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: 148px; 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 } @media screen and (min-width:991px) and (max-width:1200px) { #hdr { width: 988px !important; padding-right: 0 !important } #hdr2 { width: 970px !important } nav { min-width: 100% } .search { margin-right: -19px !important } #cssmenu { margin-right: -93px !important } .ey_ap { padding-right: 119px } .new_sb { padding-left: 3px } .new_val a { padding: 10px 9px !important; font-size: 13px !important } .new_val { width: 91% } } @media screen and (min-width:992px) and (max-width:1107px) { .clas_us { padding-right: 10px } } @media screen and (min-width:800px) and (max-width:992px) { #cssmenu { margin-left: 24px !important } } @media screen and (min-width:800px) and (max-width:991px) { #hdr2 { width: 716px !important } #hdr { width: 851px !important; padding-right: 0 !important }} #stickyribbon2 { z-index: 9 } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #cssmenu { width: auto; border-bottom: 1px solid #00355f; float: right; font-family: Montserrat, sans-serif; background: #f5f5f5 } #cssmenu ul { background: 0 0 } #cssmenu.align-right>ul>li>a { margin-right: 0; margin-left: -4px } #cssmenu>ul>li>a { z-index: 2; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; margin-right: 1px; margin-top: 0 } #cssmenu>ul>li>a:after { position: absolute; left: 0; bottom: 0; right: 0; z-index: -1; height: 127%; 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 ul li, #cssmenu>ul>li.has-sub>a:before { -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s } #cssmenu>ul>li.active>a:after, #cssmenu>ul>li:hover>a:after, #cssmenu>ul>li>a:hover:after { background: #00355f } @media (min-width:801px) and (max-width:991px) { #stickyribbon { margin-top: 0 !important } .firstlist { padding-left: 50px !important } /*.search{ margin-right:41px!important}*/ } @media screen and (min-width:768px) and (max-width:991px) { .goog-te-menu-value { padding: 5px 6px !important } .goog-te-gadget-simple { padding-top: 0 !important; padding-bottom: 0 !important } }#google_translate_element .VIpgJd-ZVi9od-xl07Ob-lTBxed{ padding: 0 !important;font-size: 12px !important; text-transform: capitalize !important;}@media screen and (min-width:801px) and (max-width:992px) { .searching { padding: 6px !important; } .goog-te-gadget-simple { margin-top: 0px !important; } } @media (min-width:801px) and (max-width:1199px) { #home_id #ciovw_id #cxo_id a { background: #f5f5f5 !important } } @media (min-width:320px) and (max-width:500px) { #cssmenu { padding-top: 73px } } @media (min-width:320px) and (max-width:800px) { .res-menu-icon { background-color: #4f5760 !important; height: 39px !important } .res-menu-icon img { margin-top: 2px !important; margin-left: 10px } #bttn { background-color: #cecccc } .top_cl { top: 0 !important } .search { margin-right: 22px !important } } @media screen and (max-width:500px) { .logo-col { margin-bottom: 0 !important; width: 55% !important } } @media screen and (min-width:801px) and (max-width:900px) { .active1.has-sub.new_sb { height: 34px } #cssmenu>ul>li>a { height: 40px !important } .clas_us { float: left !important } .ey_ap { margin-right: 53px !important } } #cssmenu, #cssmenu #menu-button, #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;background: #fff;} #cssmenu:after, #cssmenu>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 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-center ul ul { text-align: left } #cssmenu.align-right>ul>li { float: right } #cssmenu>ul>li>a { padding: 5px; font-size: 12px; letter-spacing: 1px; color: #4f5760; font-weight: 700 } #cssmenu>ul>li.has-sub>a:after { top: 22px; right: 11px; width: 8px; height: 2px; display: none } #cssmenu>ul>li.has-sub>a:before { top: 19px; right: 14px; width: 2px; height: 8px; transition: .25s; display: none } #cssmenu>ul>li.has-sub:hover>a:before { top: 23px; height: 0 } #cssmenu ul ul { position: absolute; left: -9999px } #cssmenu.align-right ul ul { text-align: right } #cssmenu ul ul li { width: 69px !important; height: 0; transition: .25s } #cssmenu li:hover>ul { left: auto } #cssmenu.align-right li:hover>ul { left: auto; right: 0 } #cssmenu li:hover>ul>li { height: 35px } #cssmenu ul ul ul { margin-left: 100%; top: 0 } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100% } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, .15); padding: 11px 15px; width: 80px; font-size: 16px; text-decoration: none; color: #ddd; font-weight: 400; background: #001b75 } #cssmenu ul ul li.last-item>a, #cssmenu ul ul li:last-child>a { border-bottom: 0 } #cssmenu ul ul li.has-sub>a:after { top: 16px; right: 11px; width: 8px; height: 2px; display: block } #cssmenu.align-right ul ul li.has-sub>a:after { right: auto; left: 11px } #cssmenu ul ul li.has-sub>a:before { top: 13px; right: 14px; display: block; width: 2px; height: 8px; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s } #cssmenu.align-right ul ul li.has-sub>a:before { right: auto; left: 14px } #cssmenu ul ul>li.has-sub:hover>a:before { top: 17px; height: 0 } @media screen and (min-width:801px) and (max-width:1200px) { #menu { margin-top: 105px } } @media screen and (min-width:500px) and (max-width:800px) { #menu { margin-top: 100px } } @media screen and (min-width:368px) and (max-width:499px) { #menu { margin-top: 100px } } @media screen and (max-width:368px) { #menu { margin-top: 10px } } @media screen and (min-width:1200px) { #menu { margin-top: 110px } } @media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) { #cssmenu #menu-button:after, #cssmenu #menu-button:before, #cssmenu .submenu-button:after, #cssmenu .submenu-button:before { position: absolute; display: block; content: '' } #cssmenu ul { width: 100%; display: block !important } #cssmenu.align-center>ul { text-align: left } #cssmenu ul li { width: 100% } #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; color: #ddd; background: 0 0 } #cssmenu ul ul ul li a { padding-left: 35px } #cssmenu ul ul li.active>a, #cssmenu ul ul li:hover>a { color: #fff } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; width: 100%; margin: 0; text-align: left } #cssmenu .submenu-button.submenu-opened:before, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before, #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before { display: none } #cssmenu #menu-button { display: none; padding: 17px; color: #ddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700 } #cssmenu #menu-button:after { top: 22px; right: 17px; height: 4px; width: 20px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd } #cssmenu #menu-button:before { top: 16px; right: 17px; height: 2px; width: 20px; background: #ddd } #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #cssmenu #menu-button.menu-opened:before { top: 23px; background: #fff; width: 15px; -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: none; border-left: 1px solid rgba(120, 120, 120, .2); height: 46px; width: 46px; cursor: pointer } #cssmenu .submenu-button.submenu-opened { background: #262626 } #cssmenu ul ul .submenu-button { height: 34px; width: 34px } #cssmenu .submenu-button:after { top: 22px; right: 19px; width: 8px; height: 2px; background: #ddd } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px } #cssmenu .submenu-button.submenu-opened:after { background: #fff } #cssmenu .submenu-button:before { top: 19px; right: 22px; width: 2px; height: 8px; background: #ddd } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px } } @media screen and (max-width:767px) { #cssmenu { margin-right: 0 !important } } .vertical { background-color: #4f5760 !important } @media screen and (min-width:901px) and (max-width:991px) { .nav-col { background-color: #4f5760; z-index: 99; margin-top: -2px } } @media screen and (max-width:991px) { .res-menu-icon { margin-top: 0 px } #cssmenu ul li a { padding-top: 7px !important; padding-bottom: 6px !important; font-size: 11px !important; color: #fff !important; height: 24px !important; background-color: #fff } } @media screen and (max-width:1199px) { #advert { display: none } } @media screen and (min-width:50px) and (max-width:450px) { .logo-col img { width: 75% !important; } .advertise { display: initial !important; } } @media screen and (min-width:993px) { label.icon-search.searching { height: 40px; } }.adplugg-image-wrapper:has(img[src*="Capital-One.jpg"]),.adplugg-image-wrapper:has(img[src*="Core_pay.jpg"]) { display: none !important;}@media screen and (max-width:991px){ .p_sm_relative{ position: relative !important;}}.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ''; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}ul > li > a.active{ color: #d81a21 !important;}