#verti_name { color: #282828; font-size: 14px; border-bottom: none; font-weight: 400; font-family: "Lato", Arial, sans-serif; padding: 14px 30px 12px 30px !important; position: relative; text-decoration: none; text-transform: none; border-bottom: 1px solid #ededed; position: relative; text-align: left; cursor: pointer; } .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 8px; text-transform: capitalize !important; font-size: 13px; } #cssmenuu ul ul li a { padding: 11px 8px !important; } .goog-te-gadget-simple { display: ruby !important; } #\:0\.targetLanguage { padding-top: 4px !important; padding-bottom: 4px !important; position: relative !important; top: 5px !important; } /* @media (min-width:769px) and (max-width:991px){ .nav.navbar-nav { display: none !important;}} */ /* #sp-header { height: 46px !important;} */ @media only screen and (max-width: 991px) { #sp-header.header-default .offcanvas-menu .offcanvas-inner .sp-module ul li a { padding: 12px 0; } } #cssmenuu>ul>li>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li.active>a { background: #d72924; color: #fff !important } .header-sticky { max-width: 100% } @media (min-width:992px) and (max-width:1199px) { .sp-menu-item a { padding: 0 8px !important } } @media screen and (min-width:992px) { #navid { margin-left: -40px !important; margin-right: -36px !important } } .logo__btn__item { vertical-align: top; text-align: center; background-color: #000 } .logo__btn__item a { font-size: 11px !important } .logo__btn__item.active { background-color: #d1232a } #cssmenuu>ul>li>a { font-size: 12px; font-weight: 600 !important; letter-spacing: 1px; text-decoration: none; margin-right: 5px !important; padding: 16px 6px 14px !important; margin-top: -5px !important; border-bottom: 2px solid #000 !important } #cssmenuu li:hover>ul>li { height: 35px !important } #cssmenuu ul ul { position: absolute; right: 0 } .goog-te-gadget img { vertical-align: middle; border: none; display: none; } #cssmenuu { position: relative !important; /*left: 35px !important;*/ bottom: 0px !important; } .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { line-height: 45px !important } .new_dropDown { text-align: left } input[type=text] { margin-top: 3px } .h3_style { font-size: 16px !important; font-weight: 100 !important; text-align: center } @media screen and (min-width:1800px) { #sp-header.header-default .sp-megamenu-wrapper .sp-megamenu-parent { float: none; margin-left: 30px } } @media screen and (max-width:1296px) { .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 8px } #navid { margin-left: -40px !important; margin-right: -30px !important } } @media screen and (max-width:1199px) { #cssmenuu ul ul li a { padding: 11px 15px !important } .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 8px !important } } @media screen and (min-width:1199px) { #navid { margin-left: -40px !important; margin-right: 0 !important } } @media screen and (max-width:1024px) { .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 7px !important } } @media screen and (min-width:1297px) { .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding: 0 8px } } @media screen and (max-width:991px) { #cssmenuu { float: left !important } body.ltr #offcanvas-toggler.offcanvas-toggler-right { margin-left: 15px } #offcanvas-toggler { height: 46px !important; line-height: 50px !important } } @media screen and (min-width:992px) { #navid { margin-left: -40px !important; } } /* @media screen and (min-width:1200px) { #navid { margin-right: 130px !important } } */ #cssmenuu { background: white !important; } @media (max-width:991px) { .offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span { line-height: 15px !important } } @media (min-width:481px) and (max-width:552px) { #searchform { margin-right: 70px !important } } @media (min-width:320px) and (max-width:575px) { #em_id { width: 185px !important } } @media screen and (max-width:480px) { #advert { display: none } .justify-content-center { -ms-flex-pack: center !important; justify-content: space-between !important } } @media screen and (max-width:576px) { #sitemap p { margin-top: 0 !important } #sitemap { float: right } } #sp-header.header-default .sp-megamenu-wrapper .sp-megamenu-parent { /*float: left; */ margin: 0 0 0 0px } .box.arrow-right.active::after { content: " "; position: absolute; right: -15px; top: 1px; border-top: 26px solid transparent; border-right: none; border-left: 15px solid #d72924; border-bottom: 26px solid transparent } #sppb-addon-1540296208466 .sppb-nav-custom li { padding: 0; border-right: 1px solid #ddd !important; line-height: 40px } #sppb-addon-1540296208466 .sppb-nav-custom a { font-size: 13px !important } @media screen and (max-width:575px) { #th1 img { display: none !important } #sitemap { left: 0 !important } } .tphe { padding-left: 0; padding-right: 0; display: flex; float: right; bottom: 0; } .tphe1, .tphe2 { margin-bottom: 0; font-weight: 500; padding: 0 7px; letter-spacing: 1px; color: #000; font-size: 10px !important; border-bottom: none; margin-top: 0; width: max-content; } .tphe6, .tphe7 { float: left !important } /* .tphe1 { } */ .tphe3 { position: absolute; top: 6px; right: 1px; padding: 7px 0px; cursor: pointer } .tphe4 { padding-left: 0; padding-top: 0; margin-bottom: -11px; text-align: right; margin-left: 17px } &:after { display: none !important } .tphe6 { padding-left: 8px !important; padding-right: 0 !important; width: 32px !important } .tphe7 { padding-right: 10px !important; padding-left: 1px !important; width: 49px !important } .tphe8 { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important } @media (min-width:320px) and (max-width:991px) { .header-info-left { display: none !important; } } @media only screen and (max-width:1199px) { #th1 { display: none !important; } } .search { position: relative; display: inline-block } .searching { background: #e5633f; color: #fff; border-radius: 0; display: inline-block; padding: 6px 7px 7px; font-size: 18px; text-shadow: 1px 1px 2px #21638F; box-shadow: inset 0 0 0 #21638F; transition: all .5s ease; -webkit-transition: all .5s ease; cursor: pointer; z-index: 10; position: relative; vertical-align: top; height: 45px } .searching:hover { background: #e5633f; text-shadow: 0 0 0 #21638F; box-shadow: inset 0 0 8px #21638F; transition: all .5s ease; -webkit-transition: all .5s ease } .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 0.5s, padding .2s ease-out 0.5s, width .3s ease-out .2s; -webkit-transition: height .2s ease-out .5s, top .2s ease-out 0.5s, padding .2s ease-out 0.5s, width .3s ease-out .2s } .search_form form { opacity: 0; transition: all .3s ease-out; -webkit-transition: all .3s ease-out } .search_form input { background: #fff; border: none; color: #000; font-weight: 700; vertical-align: top } .search_form input[type='text'] { width: 140px; margin: 0; padding: 0 5px 1px; min-height: 24px; font-size: 11px; height: 22px } .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: 45px; transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, .3s width ease-out .2s; -webkit-transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, .3s width ease-out .2s } .search_box:checked~.search_form form { opacity: 1; transition: .3s all ease-out .5s; -webkit-transition: .3s all ease-out .5s } .active { color: #e5633f } .searching { background: #e30f0f; } .searching:hover { background: #e80a0a; } .search_form { overflow: visible; } #searchform { display: block ruby; }
@media (max-width: 370px) { .tophe1 { padding-right: 5px !important; padding-left: 5px !important; } } @media (max-width: 370px) { .VIpgJd-ZVi9od-xl07Ob-lTBxed>span { padding-right: 4px !important; } } @media (max-width: 370px) { .goog-te-gadget-simple { font-size: 9pt !important; } } .VIpgJd-ZVi9od-xl07Ob-lTBxed:hover { text-decoration: none !important; } .advertise:hover { text-decoration: none !important; } #\:0\.targetLanguage { border: 3px solid #242424; border-radius: 6px 6px 6px 6px; } .sp-megamenu-parent>li { border-left: 1px solid #ddd !important; float: left; } .VIpgJd-ZVi9od-xl07Ob-lTBxed>span { padding-right: 6px; } .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed { color: #000; padding-right: 0px; padding-left: 0px; font-weight: 700; } @media screen and (min-width:576px) and (max-width:767px) { #sitemap { top: 27px !important; } } @media screen and (min-width:576px) and (max-width:767px) { #sitemap { top: 27px !important; } } @media screen and (min-width:768px) and (max-width:1200px) { #sitemap { top: 10px !important; } } @media screen and (min-width:1201px) { #sitemap { top: 27px !important; } } @media screen and (max-width: 991px) { #sp-header.header-default .offcanvas-menu .offcanvas-inner .sp-module ul li a { font-size: 15px; } .offcanvas-menu .offcanvas-inner .sp-module ul>li { border-bottom: 1px solid #d9d9d9; } .scrol-menu { overflow: scroll !important; height: 413px !important; overflow-x: hidden !important; /* scrollbar-width: none; */ } } @media screen and (max-width: 991px) { .active1.has-sub ul li { background: #f2f2f2 !important; border-top: 0px !important; } .active1.has-sub ul li a { font-size: 12px !important; text-align: center !important; padding: 10px 0px !important; } } body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler1, body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler1 { right: 0 } .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler1::after, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler1::after { content: "\f055"; } .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler1, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler1 { display: block; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: FontAwesome; } .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler1, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler1 { color: rgba(35, 35, 35, 0.5) } /* === Nav strip: 1px black top + 3px black bottom, spanning first menu -> region selector === */ @media (min-width: 992px){ #sp-header.header-default, #sp-header.tphe8{ border-top:0 !important;border-bottom:0 !important;} #sp-header .ts-header-nav11.clearfix11{ text-align:left !important;} #sp-header .sp-megamenu-wrapper{ display:block !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent{ float:none !important;display:flex !important;align-items:stretch !important;flex-wrap:nowrap !important;margin:0 !important;padding:0 !important;width:100% !important;border-top:1px solid #000 !important;border-bottom:3px solid #000 !important;border-left:0 !important;border-right:0 !important;gap:10px !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > li{ display:flex !important;align-items:center !important;float:none !important;border-left:0 !important;border-right:0 !important;padding:0 !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > li > span{ font-size:14px !important;font-weight:400 !important;line-height:36px !important;display:flex !important;align-items:center !important;padding:0 7px !important;font-family:'IBM Plex Serif', serif !important;} /* Search + region (direct children of the <ul>, not wrapped in <li>) - cluster at right */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > .search, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element{ float:none !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:stretch !important;align-self:stretch !important;height:auto !important;bottom:auto !important;background:transparent !important;} /* Order: translate | region | search */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element{ order:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;height:100% !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu{ order:2 !important;margin-left:auto !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element ~ #cssmenuu{ margin-left:0 !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element{ margin-left:auto !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > .search{ order:3 !important;} /* search icon stretches the strip height */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > .search .searching{ display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;margin:0 !important;padding:0 8px !important;line-height:1 !important;background:#d72924 !important;} /* region pill stretches the strip height */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu{ background:transparent !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu > ul{ margin:0 !important;padding:0 !important;display:flex !important;align-items:stretch !important;height:100% !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu > ul > li.active1.has-sub{ margin:0 !important;padding:0 !important;display:flex !important;align-items:stretch !important;list-style:none !important;border:0 !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu > ul > li.active1.has-sub > a{ display:flex !important;align-items:center !important;height:100% !important;min-height:100% !important;line-height:1 !important;padding:0 12px !important;margin:0 !important;background:#d72924 !important;color:#fff !important;border:0 !important;font-size:13px !important;} /* Push region dropdown below the strip so it doesn't overlap the active region pill */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #cssmenuu > ul > li.active1.has-sub > ul{ margin-top:6px !important;top:100% !important;} /* Google translate compact styling */ #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element *, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element a, #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element span{ color:#000 !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element .goog-te-gadget-simple{ display:inline-flex !important;align-items:center !important;margin:0 !important;padding:0 6px !important;height:22px !important;max-height:22px !important;line-height:1 !important;font-size:11px !important;border-color:#878787 !important;} #sp-header .sp-megamenu-wrapper > .sp-megamenu-parent > #google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{ height:20px !important;line-height:20px !important;font-size:11px !important;padding:0 4px !important;display:inline-flex !important;align-items:center !important;} /* Align logo, advert, and 3-row stack on the same row (vertically centered) */ .top-banner > .sppb-row-container > .row{ display:flex !important;align-items:center !important;flex-wrap:nowrap !important;margin-top: -30px;} .top-banner > .sppb-row-container > .row > div{ align-self:center !important;} /* Logo: keep grid width but let it shrink */ .top-banner > .sppb-row-container > .row > .custom[id^="em_id"], .top-banner > .sppb-row-container > .row > .sppb-col-lg-3{ flex:0 1 auto !important;max-width:25% !important;min-width:0 !important;} /* Advert image: fill the remaining space and shrink as the stack grows */ .top-banner > .sppb-row-container > .row > #advert{ flex:1 1 0 !important;min-width:0 !important;max-width:none !important;width:auto !important;padding-right:15px !important;} .top-banner > .sppb-row-container > .row > #advert .header-info-left{ position:static !important;top:0 !important;padding:0 !important;max-width:100% !important;} .top-banner > .sppb-row-container > .row > #advert .adplugg-tag, .top-banner > .sppb-row-container > .row > #advert .adplugg-tag img, .top-banner > .sppb-row-container > .row > #advert .adplugg-tag iframe{ max-width:100% !important;height:auto !important;} /* Shrink the top ad image inside #th1 so the 3-row stack stays on the same row */ .top-banner #th1, .top-banner #th1 .adplugg-tag, .top-banner #th1 .adplugg-tag img, .top-banner #th1 .adplugg-tag iframe, .top-banner #th1 img, .top-banner #th1 iframe{ max-width:560px !important;width:100% !important;height:auto !important;} /* Pin the 3-row stack to the bottom-right of the top banner so it sits directly above the search icon in the nav strip */ .top-banner{ position:relative !important;} .top-banner #sitemap.three-row-stack{ position:absolute !important;right:150px !important;bottom:50px !important;top:auto !important;transform:none !important;float:none !important;margin:0 !important;padding:0 6px 4px 0 !important;height:auto !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;} /* Fallback: target #cssmenuu and .search anywhere in the header (browser may foster-parent the <div> out of the <ul>) */ #sp-header #cssmenuu{ position:relative !important;float:none !important;margin:0 !important;margin-left:auto !important;padding:0 !important;height:100% !important;min-height:100% !important;align-self:stretch !important;display:flex !important;align-items:stretch !important;background:transparent !important;bottom:auto !important;top:auto !important;} #sp-header #cssmenuu > ul{ margin:0 !important;padding:0 !important;display:flex !important;align-items:stretch !important;height:100% !important;background:transparent !important;} #sp-header #cssmenuu > ul > li{ margin:0 !important;padding:0 !important;display:flex !important;align-items:stretch !important;list-style:none !important;float:none !important;height:100% !important;border:0 !important;} #sp-header #cssmenuu > ul > li > a{ display:flex !important;align-items:center !important;height:100% !important;min-height:100% !important;line-height:1 !important;padding:0 14px !important;margin:0 !important;background:#d72924 !important;color:#fff !important;border:0 !important;font-size:13px !important;font-weight:600 !important;} #sp-header #cssmenuu > ul > li > ul{ margin-top:6px !important;top:100% !important;} #sp-header .search{ float:none !important;margin:0 !important;padding:0 !important;height:100% !important;min-height:100% !important;align-self:stretch !important;display:flex !important;align-items:stretch !important;background:transparent !important;} #sp-header .search > label.searching{ display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;min-height:100% !important;width:36px !important;margin:0 !important;padding:0 8px !important;line-height:1 !important;background:#d72924 !important;color:#fff !important;border:0 !important;top:auto !important;} } /* Mobile: hide the 3-row stack from header (links shown in offcanvas hamburger menu) */ @media screen and (max-width:991px){  #sitemap.three-row-stack{ display:none !important;} } /* Below 1440px: shrink the top ad so the 3-row stack on the right doesn't overlap it */ @media screen and (min-width:992px) and (max-width:1439px){  #advert{ max-width:70% !important;padding-right:140px !important;} #advert .adplugg-tag, #advert .adplugg-tag img, #advert .adplugg-tag iframe{ max-width:100% !important;height:auto !important;} } ul > li > a.active{ color: #be1723 !important;}
