/*--- HTML5 Reset CSS Starts ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/*-- Change Colours To Suit Your Needs --*/
ins{background-color:#ff9;color:#000;text-decoration:none;}
/*-- Change Colours To Suit Your Needs --*/
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/*-- Change Border Colour To Suit Your Needs --*/
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
/*--- HTML5 Reset CSS Ends ---*/
/*--- Global Common Css Starts ---*/
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important;}
html{font-size:10px }
body{font-family:'FFInfraRegular';font-size:1.8rem;line-height:28px;color:#2f2f2f;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#MainWrapper{overflow:hidden;}
.sktmain:focus-visible {
left: 0;
position: relative;
background: var(--primary-2);
color: var(--primary-3);
}
a{color:var(--secondary-4);}
a:hover,a:focus{text-decoration:none;-moz-text-blink:none;color:inherit;transition:all ease 0.3s;}
a:focus, a:active{outline:0px;_noFocusLine:expression(this.hideFocus=true);}
img{outline-style:none;outline-width:0;border:0 none;max-width:100%;height:auto;}
sup{font-size:smaller;}
sub{margin:2px 0;padding:2px 0;}
ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
ol{list-style-image:none;list-style-position:outside;list-style-type:decimal;}
.scroll-table-container{width:100%;padding:0px;overflow-y:hidden;overflow-x:auto;margin-bottom:0px;}
.scroll-table-container::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:7px;}
.scroll-table-container::-webkit-scrollbar-thumb{border-radius:5px;border:2px solid #666666;background-color:#666666;}
#contentwrapper p{margin-bottom:30px;}
#contentwrapper ul{margin-bottom:30px;padding-left:0px;}
#contentwrapper ol{list-style-type:decimal;padding-left:25px;margin-bottom:30px;}
#contentwrapper ul li, #contentwrapper ol li{margin-bottom:20px;padding-left:27px;position:relative;}
#contentwrapper ul li:last-child, #contentwrapper ol li:last-child{margin-bottom:0;}
#contentwrapper ol li{padding-left:10px;}
#contentwrapper ul ul, #contentwrapper ul ol, #contentwrapper ol ul, #contentwrapper ol ol{margin:20px 0px 0px;}
#contentwrapper table{margin-bottom:30px;}
#contentwrapper table th{text-align:left;padding:20px;border-bottom:1px solid #e3e3e3;font-size:1.4rem;line-height:18px;font-weight:normal;}
#contentwrapper table td{text-align:left;padding:30px 15px 27px;border-bottom:1px solid #e3e3e3;background-color:#f8f8f8;font-size:1.6rem;line-height:22px;}
#contentwrapper table tr td:nth-child(odd){background-color:#f3f3f3}
#contentwrapper table thead tr th:nth-child(odd){background-color:#f3f3f3}
#contentwrapper table thead tr th{text-align:left;padding:30px 15px 27px;border-bottom:1px solid #e3e3e3;background-color:#f8f8f8;font-size:1.4rem;line-height:18px;}
.rad-notes{font-size:1.2rem !important;display:inline-block;line-height:18px;}
.rightAlign{text-align:right;}
.centerAlign{text-align:center;}
.nopadleft{padding-left:0}
.nopadright{padding-right:0}
.mobile-menu a:hover, .mobile-menu a:hover span{
color: var(--secondary-4);text-decoration:underline;
}
.main-child-nav li a {
color: var(--primary-5);
}
.mobile-menu .level3 a,.mobile-menu .level3 a span {
color: var(--primary-5);
}
.mobile-menu .level3 a:hover,.mobile-menu .level3 a:hover span{
color: var(--secondary-4);
}
.mobile-menu a.showmore1.icon-plus {
text-decoration:none;
}
.h1,h1{font-size:5.2rem;line-height:62px;letter-spacing: 1px;font-weight:normal;margin:0;padding:0 0 30px}
.h2,h2{font-size:4.2rem;line-height:50px;letter-spacing:-1px;font-weight:normal;margin:0;padding:0 0 30px}
.h3,h3{font-size:3.2rem;line-height:38px;letter-spacing:0px;font-weight:normal;margin:0;padding:0 0 30px}
.h4,h4,.footerTop{font-size:2.8rem;line-height:33px;letter-spacing:0px;font-weight:normal;margin:0;padding:0 0 30px}
.h2-large{font-size:5.2rem;line-height:62px;letter-spacing:-1px;}
.intro-large,.rad-introtext{font-size:4.8rem;line-height:67px;letter-spacing:-1px;}
.intro-normal,.rad-highlight,.rad-caption,.rad-quote {font-size:2.8rem;line-height:39px;letter-spacing:0px;}
.body-large,.rad-highlighted-1{font-size:2.1rem;line-height:32px;letter-spacing:0px;}
.navigation-tabs{font-size:2.4rem;line-height:31px;letter-spacing:0px;}
.navigation-on-images{font-size:2.1rem;line-height:29px;letter-spacing:0px;}
.navigation-general{font-size:1.8rem;line-height:25px;letter-spacing:0px;}
.statistic-large{font-size:7.2rem;line-height:79px;letter-spacing:-2px;font-family: "AmperSans";}
.statistic-description{font-size:2.1rem;line-height:25px;letter-spacing:0px;}
a[href^="tel:"]{cursor:default;color:var(--secondary-4);}
.invisible{position:absolute;left:-9999999px;top:auto;width:1px;height:1px;overflow:hidden;visibility:visible;}
a[href^="mailto:"]{color:var(--secondary-4)}
a[href^="tel:"]:hover, a[href^="tel:"]:hover span, a[href^="mailto:"]:hover, a[href^="mailto:"]:hover span{text-decoration:underline; color:var(--secondary-4)}
/*-- Rad Link ---*/
a.rad-link, span.rad-link{position:relative;padding-left:50px;color:#2f2f2f;}
a.rad-link:before, span.rad-link:before{font-family:icomoon;position:absolute;left:10px;top:51%;transform:translateY(-50%);font-size:1.6rem;color:#eb5c37;}
a.rad-link:hover:before, span.rad-link:hover:before,
a.rad-link:hover, span.rad-link:hover{color:var(--primary-3);}
a.rad-link.rad-color-1:before, span.rad-link.rad-color-1:before{color:var(--primary-1);}
a.rad-link.rad-color-1:hover, span.rad-link.rad-color-1:hover,
a.rad-link.rad-color-1:hover:before, span.rad-link.rad-color-1:hover:before{color:#007780;}
a.rad-link.rad-color-2:before, span.rad-link.rad-color-2:before{color:#536467;}
a.rad-link.rad-color-2:hover, span.rad-link.rad-color-2:hover,
a.rad-link.rad-color-2:hover:before, span.rad-link.rad-color-2:hover:before{color:#007780;}
a.rad-link.rad-color-3:before, span.rad-link.rad-color-3:before{color:#ffffff;}
a.rad-link.rad-color-3:hover, span.rad-link.rad-color-3:hover,
a.rad-link.rad-color-3:hover:before, span.rad-link.rad-color-3:hover:before{color:#007780;}
.maxwidth1200{max-width:1200px;margin:0 auto;}
/*--- GLOBAL COLORS ---*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .intro-large, .rad-introtext {color:var(--primary-1);}
/*--- Global Common Css Ends ---*/
/*--- Back to top starts ---*/
#auto-top-link{z-index:99;position:fixed;float:left;bottom:20px;right:20px;padding:9px 0;font-size:2.4rem;text-align:center;background:var(--primary-1);width:50px;height:50px; line-height:28px; border: none; background: url(/~/media/Images/M/MandG-Plc/icons/back-to-top); background-size: cover; background-repeat: no-repeat;}
#auto-top-link .icon-small-arrow-up:before{color:#fff;font-weight:bold; content: "";}
#auto-top-link strong{text-indent:-9999px;display:block;}
/*--- Back to top ends ---*/
/*--- Header Css Starts ---*/
/*=== MEGAMENU CSS START ===*/
/*--- Common Start ---*/
/* .headerStickyHeight{position:absolute;z-index:-1;}
*/
body.hide-headerfooter .topnavigation-main-wrapper ,body.hide-headerfooter footer,body.hide-headerfooter .search-panel,body.hide-headerfooter .desktop-share{display:none !important}
.topnavigation li.coloredhovered > a > span,.topnavigation li.coloredhovered > span,.topnavigation .active > span{color:var(--primary-1)}
.megamenu .signpost-default-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;}
.search-panel .header-contact {color: var(--primary-3); opacity: 0.8;}
.search-panel .header-contact:hover {opacity: 1;}
/*--- Common End ---*/
/*--- Megamenu-navigation ---*/
.topnavigation-main-wrapper{position:static;text-align:center;}
.topnavigation-wrapper{display:inline-block;vertical-align:top;position:relative;}
.megamenu .close-menu{cursor:pointer;font-weight:100;width:30px;height:30px;position:absolute;
left:0;right:0;margin:38px auto 0;text-align:center;display:none}
.topnavigation .level1 > ul{display:none;}
.megamenu{position:absolute;width:calc(100% + 70px);right:0;margin:auto;text-align:left;top:51px;
z-index:999;display:none;min-width: 520px;}
.topnavigation li.level1.haschildren.hovered .megamenu {display: flex !important;}
.megamenu .hide, .megamenu .level2 > ul{display:none!important;}
.megamenu .cols{width:50%;min-width: 520px;}
.megamenu .col-left{overflow:hidden;padding:50px;background-color: #f8f8f8;z-index:9;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.megamenu.lvl3-active .col-left.cols {box-shadow: none;}
.megamenu .col-right{background-color:#fff;padding:50px;overflow: hidden;
transform: translate3d(-100%, 0, 0);transition: all ease 0.8s;z-index:0;}
.megamenu.lvl3-active {box-shadow: 0 3px 10px rgba(0,0,0,0.1);left: 0;}
.megamenu.lvl3-active .col-right.cols {transform: translate3d(0, 0, 0);transition: all ease 0.8s;}
.megamenu li > a, .megamenu li > span{font-size:2.1rem;line-height:normal;display:block;}
.megamenu ul > li:not(:last-child){margin-bottom:24px;}
.megamenu .submenu.submenu-links {width: 100%;}
.megamenu .submenu-links > .lvl2parent-head {font-size: 2.4rem;margin-bottom: 50px;display: inline-block;
position: relative;padding-right: 36px;line-height: normal;}
.megamenu .submenu-links > .lvl2parent-head:after,
.megamenu .submenu-sub-links .lvl3parent-head:after {content: "\e900";font-family: icomoon;position: absolute;
display: block;font-size: 1.6rem;color: #eb5c37;right: 0;bottom: 5px;transform: rotate(270deg);}
.megamenu .level2.haschildren{position:relative;}
.megamenu .level2.haschildren:after{content:"";position:absolute;left:100%;top:20px;height:1px;
background-color:var(--primary-3);width:0;display:none;}
.topnavigation .level1.selected .megamenu .opened.tempshow .default-img{display:block;}
.megamenu .active-li a, .megamenu .level2.haschildren.current > a:not(.sublink-opener), .megamenu .selected.haschildren > a{color:var(--primary-3);}
.megamenu .level2.haschildren.active-li:after{width:30vw;transition:1s ease;-moz-transition:1s ease;-webkit-transition:1s ease;-o-transition:1s ease;}
.megamenu .submenu-sub-links .lvl3parent-head {font-size: 2.4rem;display: inline-block;position: relative;
padding-right: 36px;line-height: normal;margin-bottom: 50px;}
.megamenu .submenu-sub-links .lvl3parent-head:after {bottom: 5px;}
.megamenu .submenu-sub-links ul li > a{font-size:2.1rem;line-height:normal;}
.megamenu .submenu-sub-links ul li.current > a{color:var(--primary-3);}
.topnavigation > ul > li.megamenu-show .megamenu{display:block;}
.megamenu .submenu-sub-links {display: flex;height: 100%;}
.megamenu .submenu-sub-links > * {min-width: 100%;transition: all ease 0.8s;position: relative;}
.megamenu .submenu-sub-links > .default-img {transform: translate3d(0, 0, 0);z-index: 99;}
.megamenu.lvl3-active .submenu-sub-links > .default-img {transform: translate3d(110%, 0, 0);}
.megamenu .submenu-sub-links > .lvl3-links-container,.megamenu .submenu-sub-links > .lvl3-links-container.lvl3-open,.megamenu.lvl3-active .submenu-sub-links > .lvl3-links-container.lvl3-open {z-index: 9;}
.megamenu .submenu-sub-links > .lvl3-links-container {display:none}
.megamenu.lvl3-active .submenu-sub-links > .lvl3-links-container.lvl3-links-containermatched {display:block}
.megamenu li.level2.haschildren .sublink-opener {position: relative;padding-right: 36px;}
.megamenu li.level2.haschildren .sublink-opener:after {content: "\e900";font-family: icomoon;
position: absolute;display: block;font-size: 1.6rem;color: #eb5c37;right: 0;top: 5px;
transform: rotate(270deg);}
body.bodyfixed{overflow:hidden;}
/*--- Megamenu-navigation close ---*/
/*--- Megamenu Default image ---*/
.megamenu .signpost-default-wrapper{align-items:center;text-align:center;padding: 20px;background-color: #f8f8f8;
height: 100%;}
.megamenu .default-img .layout-image1{max-height:384px;overflow:hidden;max-width:38.3%;margin-left:-70px;
display:none;}
.megamenu .signpost-wrapper{height:100%;align-content:center;justify-content:center;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;background-color:#f8f8f8;padding:35px;transition:all ease 0.5s;}
/*.megamenu .signpost-wrapper .signpost-link a{color:#fff;}*/
/*.megamenu .signpost-wrapper a:hover{color:var(--primary-3) !important;}*/
.megamenu .signpost-wrapper .signpost-link .rad-arrow-link .arrow-link-text {color: #2f2f2f !important;}
.megamenu .signpost-wrapper .signpost-content{margin-bottom:50px;font-size:2.1rem;line-height:34px;}
.megamenu .signpost-wrapper .signpost-icon{margin-bottom:35px;}
/*.megamenu .signpost-link .arrow-link-down span.arrow-link-text{color:#fff !important;}*/
.megamenu .submenu-sub-links .opened{display:inline-block}
/*--- Megamenu Default image close ---*/
/*--- Mobile Menu ---*/
.mob-menu-btn-wrapper .mob-menu-trigger{display:block;cursor:pointer;}
.mob-menu-btn-wrapper{margin-left:49px;}
.mob-menu-btn-wrapper .mob-menu-btn{padding:3px;}
.mob-menu-btn-wrapper .mob-menu-btn .bar1, .mob-menu-btn-wrapper .mob-menu-btn .bar2, .mob-menu-btn-wrapper .mob-menu-btn .bar3{width:25px;height:2px;background-color:#2f2f2f;margin:6px 0;transition:all ease 0.5s;}
.mob-icon-active .mob-menu-btn .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px);}
.mob-icon-active .mob-menu-btn .bar2{opacity:0;}
.mob-icon-active .mob-menu-btn .bar3{-webkit-transform:rotate(45deg) translate(-5px,-5px);transform:rotate(45deg) translate(-5px,-5px);}
.mobile-menu{opacity:0;overflow:hidden;position:fixed;z-index:9999;background-color:#f3f3f3;height:0;right:0;bottom:0;width:80%;min-width:140px;max-width:500px;transition:all ease 1s;left:auto;transform:translate3d(100%, 0, 0); /*top:101px !important;*/}
.mobile-menu-list{padding:32px 15px;height:calc(100vh - 166px);overflow-y:scroll;}
.mobile-menu .mobile-menu-list ul li ul{display:none;margin-top:28px;}
.mobile-menu .mobile-menu-list ul > li:not(:first-child){margin-top:28px;}
.mobile-menu a, .mobile-menu span{color:var(--primary-1);;font-size:1.8rem;line-height:32px;}
body.mobile-menu-open{overflow:hidden;}
.mobile-menu.mobile-menu-active{opacity:1;overflow:hidden;height:calc(100% - 101px) !important;transition:transform ease 1s;transform:translate3d(0, 0, 0);transition:all ease 0.8s;}
.mobile-menu .mobile-menu-list li{padding-left:34px;position:relative;}
.mobile-menu .showmore,.mobile-menu .showmore1{position:absolute;left:4px;color:var(--primary-1);top:0;cursor:pointer;}
.mobile-menu li.navopen{border-bottom:1px solid #e3e3e3;padding-bottom:28px;}
.mobile-menu li.navopen.last{border-bottom:none;}
.mobile-menu li.current > span, .mobile-menu li.navopen > span, .mobile-menu li.navopen > a, .mobile-menu li.navopen > a span,.mobile-menu li.selected > a, .mobile-menu li.selected > a span{color:var(--primary-1);}
/*--- Mobile Share Box ---*/
.mob-sharelist{background-color:#fff;display:table;width:100%;border-top:1px solid #ededed;position:absolute;bottom:0;}
.mob-sharelist > *{display:table-cell;vertical-align:middle;width:70%;padding:16px 20px;}
.mob-sharelist .mob-share-icons{width:30%;text-align:center;position:relative;}
.mob-sharelist .customer-sites{border-left:1px solid #ededed; width: 60%; }
.mob-sharelist .cookiesettinglink { margin-top: 7px; margin-left: 4px;}
.mob-sharelist .customer-sites .customer-sites-list{background-color:#fff;margin-top:0;left:0;width:100%;bottom:100%;transform:none;border-top: 1px solid #E3E3E3;}
.mob-sharelist .customer-sites-list li a{font-size:1.6rem;padding:20px 40px 20px 20px;}
.mob-sharelist .customer-sites-list li a:after{right:20px;}
.mob-sharelist .customer-sites a.sites-list:after{transform:translateY(-50%) rotate(180deg);}
.mob-sharelist .customer-sites.sl-active a.sites-list:after{transform:translateY(-50%) rotate(0deg);}
.mob-sharelist .customer-sites.sl-active a.sites-list{color:var(--primary-3);}
/*=== MEGAMENU CSS END ===*/
header{padding:0 0 20px;position:fixed;width:100%;z-index:99;background-color:#fff;float:left;border-bottom:1px solid transparent;}
header.grey-header{background-color:#f3f3f3;}
header.sticky-header{border-color:#e3e3e3;z-index:1000;transition: border-color ease 0.6s;}
/*header .container-fluid{padding:0 70px;}*/
.logo > a {display: inline-block;vertical-align: top;}
.logo img{width:83px;display: block;background-color: #ffffff;}
.logo img.hide {display: none;}
header .logo{width:12%; min-height: auto;}
header .search-panel{width:100%;}
header .topnavigation-main-wrapper{width:100%;margin-top: 24px;}
/*header .topnavigation-main-wrapper, header .search-panel {margin-top: 21px;}*/
@keyframes smoothScroll{0%{transform:translateY(-40px);}
100%{transform:translateY(0px);}
}
@keyframes smoothScroll-out{0%{transform:translateY(40px);}
100%{transform:translateY(0px);}
}
/*--- Menu ---*/
.topnavigation-main-wrapper .topnavigation > ul > li{float:left;position: relative;}
.topnavigation-main-wrapper .topnavigation > ul > li.pos-element {position: inherit;}
.topnavigation-main-wrapper .topnavigation > ul > li:not(:first-child){margin-left:50px;}
.topnavigation a, .topnavigation span{color:var(--primary-1);;}
.topnavigation a:hover, .topnavigation span:hover,.topnavigation .current > a, .topnavigation .current > a span, .topnavigation .current > span, .topnavigation .selected > a, .topnavigation .selected > a span, .topnavigation .selected > span{color: var(--secondary-4) !important;
text-decoration: underline;}
.topnavigation li.level1 > a, .topnavigation li.level1 > span{font-size:2.1rem; line-height: 32px; letter-spacing: -0.18px; display:block; color:var(--primary-1);}
.topnavigation li.level1 > ul{display:none;}
/*--- Search ---*/
body.body-search-active{overflow:hidden;}
.search-panel-wrapper {position: static;width: 100%;}
header .search-panel-wrapper > .search-panel{position: relative; background: var(--primary-1); padding: 7px 0 9px;}
header .search-panel-wrapper > .search-panel:before {position: absolute; top: 0; background: var(--primary-1); height: 100%; content: ""; width: 100vw; left: 50%; pointer-events: none; margin: 0; right: 0; transform: translateX(-50%); z-index: -1;}
.search-panel{text-align:right;}
.search-panel > *{display:inline-block;vertical-align:top;}
.search-panel > .search-wrapper{margin-left:96px;}
.search-wrapper > .icon-search{font-size:2.4rem;display:block;color:#2f2f2f;}
.search-wrapper > .icon-search:before{content: ""; background-image: url(/~/media/Images/M/MandG-Plc/icons/search); height: 28px; width: 28px; display: block; background-size: cover; background-repeat: no-repeat;}
.search-wrapper.search-active > .icon-search:before{background: none; display: inline;}
.search-wrapper > .icon-search span{display:none;}
.search-panel .search-outer{position:absolute;width:100vw;top:110%;left:0;right:0;margin:auto;text-align:left;box-shadow:0 3px 10px rgba(0,0,0,0.1);height:calc(100vh - 111px);z-index:-1;visibility:hidden;opacity:0;transition:all ease 0.5s;}
.search-wrapper.search-active .search-outer{opacity:1;visibility:visible;z-index:999;transition:all ease 0.5s;}
#ip3-search-results .search-wrapper > .icon-search{pointer-events:none;opacity:0.4;}
.search-panel.search-panel-new {width: auto;display: inline-block;vertical-align: middle;margin-left: 20px;padding-left: 20px;border-left: 1px solid #585858; margin-top: 20px;}
/*=== Search Inner ===*/
.search-panel .search-outer,#searchTextboxContainer ul.ui-autocomplete,.search-panel #searchTextboxContainer input, #searchTextboxContainer ul.ui-autocomplete > li > .ui-menu-item-wrapper{background-color:#f3f3f3;}
#searchTextboxContainer{position:relative;}
.search-panel .search-inner{position:absolute;top:40%;transform:translate(-50%,-50%);left:50%;max-width:800px;margin:0 auto;width:100%;}
.search-panel #searchTextboxContainer input{border:none;width:100%;border-bottom:1px solid #2f2f2f;padding-bottom:20px;padding-right:70px;padding-left:20px;}
.search-panel #searchButtonContainer{position:absolute;top:8px;right:20px;z-index:1;}
.search-panel #searchButtonContainer input{appearance:none;-webkit-appearance:none;font-size:0;border:none;background:transparent;width:34px;padding:0;height:34px;vertical-align:top;}
.search-panel .search-inner .icon-search{position:absolute;left:0;text-align:center;right:0;top:50%;transform:translateY(-50%);font-size:3.2rem;z-index:-1;}
/*=== Auto Complete ===*/
#searchTextboxContainer ul.ui-autocomplete{border:none;max-width:100% !important;padding:0 !important;}
#searchTextboxContainer ul.ui-autocomplete > li{margin:28px 0 0;padding:0 20px !important;}
#searchTextboxContainer ul.ui-autocomplete > li > .ui-menu-item-wrapper{padding:0;margin:0;font-size:2.1rem;line-height:34px;border:none;color: #2f2f2f;}
#searchTextboxContainer ul.ui-autocomplete > li > .ui-menu-item-wrapper:after{font-family:icomoon;position:absolute;right:10px;font-size:1.6rem;color:var(--primary-1);}
#searchTextboxContainer ul.ui-autocomplete > li > .ui-menu-item-wrapper.ui-state-active{border:none;color:var(--primary-1);}
/*--- Customer sites ---*/
/*.customer-sites{font-size:2.1rem;}*/
.customer-sites-inner {position: relative;}
.customer-sites a{color:#2f2f2f;}
.customer-sites ul li a:hover,
.change-region-inner .country-list li.selected a{color:var(--primary-2);}
.customer-sites a.sites-list{position:relative;padding-right:30px;display:block;}
.customer-sites a.sites-list:after{font-family:"icomoon";position:absolute;right:0;height: 18px;line-height: 20px;top: 50%;transform: translateY(-50%);font-size:1.6rem;color: #536467;}
.customer-sites.sl-active a.sites-list:after{transform:translateY(-50%) rotate(180deg);line-height: 18px;}
.customer-sites .customer-sites-list{display:none;position:absolute;background-color:#f3f3f3;margin-top:18px;right:0;width:300px;z-index:9;text-align:left;border: 1px solid #E3E3E3;}
/*.sticky-header .customer-sites .customer-sites-list{border-top: none}*/
.customer-sites-list li{border-top:1px solid #e3e3e3;display:none}
.customer-sites-list ul{overflow:hidden; max-height: 350px;}
.customer-sites-list .mCustomScrollBox{padding-left:0}
.customer-sites-list .mCSB_scrollTools{right:0;left:auto;}
.customer-sites-list li a{padding:20px 60px 20px 20px;display:block;position:relative;
line-height:normal;}
.customer-sites-list li a:after,
.change-region-inner .country-list li a:after {font-family:icomoon;position:absolute;display:block; font-size:1.2rem;color:var(--primary-2);right:20px;top:50%;transform:translateY(-50%) rotate(270deg); line-height: normal;}
.customer-sites-list li a:hover:after,
.change-region-inner .country-list li a:hover:after {color: var(--primary-2);}
/*--- Change Region ---*/
.body-country-list-active {overflow:hidden}
.change-region-wrapper {background-color: #f3f3f3;position: absolute;width: 100vw;top: 100%; left: 0;right: 0;margin: auto;text-align: left;box-shadow: 0 3px 10px rgba(0,0,0,0.1); height: calc(100vh - 121px);z-index: -1;visibility: hidden;opacity: 0;padding: 50px 0; transition: all ease 0.5s;}
.change-region-wrapper > .container-fluid{position: relative;}
.countrylist-active .change-region-wrapper {opacity: 1;visibility: visible;z-index: 999; transition: all ease 0.5s;}
.change-region {font-size: 1.4rem;padding: 20px;background-color: #fff;color: #2f2f2f;
line-height: 14px;display: table;width: 100%;}
.change-region > * {display: table-cell;vertical-align: middle;}
.cr-btn-main {text-align: right;opacity: 0.4;}
.change-region-wrapper .change-region-inner {height:calc(100vh - 220px)}
/*INNER*/
.change-region-wrapper .close-region {position: absolute;top: 5px;right: 60px;color: var(--primary-1);}
.change-region-inner .cgroup-list{columns: 3;column-gap: 140px;}
.change-region-inner .cgroup-list > li:not(:first-child) {margin-top: 50px;}
/*.change-region-inner .cgroup-list > li:nth-child(2) {min-height: 260px;}*/
.change-region-inner .cgroup-head {font-size: 2.4rem;line-height: normal;color: var(--primary-1);}
.change-region-inner .country-list {margin-top: 20px;}
/*.IEdetected .change-region-inner .country-list li,
.surfaceDetected .change-region-inner .country-list li{columns: 1;height: 60px;}*/
.change-region-inner .country-list li:not(:last-child) {padding-bottom: 10px;}
.change-region-inner .country-list li a {display: inline-block;width: 100%;position: relative;
background-color: #f3f3f3;font-size: 1.6rem;}
.change-region-inner .country-list li a:after{right: 0;}
.change-region-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--primary-2);}
.change-region-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.change-region-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin:0;}
.change-region-wrapper .mCSB_scrollTools,.change-region-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .change-region-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 2px;}
.change-region-wrapper .mCSB_dragger_bar:before { content: "";position: absolute;bottom: 0;width: 5px; height: 5px;background: var(--primary-2);left: 50%;transform: translateX(-50%);border-radius: 50%;}
.change-region-wrapper .mCSB_dragger_bar:after {
content: ""; width: 30px;
height: 30px;
border: 1px solid var(--primary-2);
position: absolute;
bottom: -13px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
/*LOGO RESIZE ON POPUP*/
.bodyfixed .logo img,
header.sticky-header .logo img,
.bodactive .logo img,
.popupactive .logo img,
.body-search-active .logo img{transition: width ease 0.5s, top ease 0.5s;}
/*--- Header Css Ends ---*/
/*=== MEGAMENU & HEADER MEDIA ===*/
@media all and (min-width:1025px){
header .mob-menu-btn-wrapper, #mobile-menu{display:none;}
.logo > a:has(img), .logo > img {position: absolute;top: 56px;left: 20px;z-index: 9999; transition: width ease 0.5s, top ease 0.5s;}
.topnavigation-main-wrapper {text-align: right;}
header .search-panel {display: flex;align-items: center;}
.search-panel > .search-wrapper {margin-left: 0;order: -1;}
.search-panel > *:not(.search-wrapper) {margin-left: auto;}
.search-panel > .customer-sites {margin-left: 36px;}
.search-panel .share-price-ticker + .header-contact {margin-left: 28px;}
.search-panel .share-price-ticker {max-width: 140px;display: flex;align-items: center;}
.search-panel .share-price-ticker .share-price-iframes {display: flex;align-items: center;}
.share-price-iframes {position: relative; }
.share-link-header { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 500; }
.customer-sites a.sites-list, .customer-sites a.sites-list:after,
.search-panel .header-contact {font-size: 1.4rem;}
.search-panel > .cookie-setting { margin-left: 30px; margin-top: 7px;}
}
@media all and (min-width:1200px){
.customer-sites a.sites-list, .customer-sites a.sites-list:after,
.search-panel .header-contact {font-size: 1.6rem;}
}
@media all and (min-width:768px){.mob-sharelist .customer-sites{display:none;}
}
@media all and (max-width:1679px){
/*.logo img {width: 110px;}*/
.bodyfixed .logo img,
header.sticky-header .logo img,
.bodactive .logo img,
.popupactive .logo img,
.body-search-active .logo img,
.body-country-list-active .logo img {width: 66px;}
.search-wrapper > .icon-search {font-size: 1.8rem;}
header .topnavigation-main-wrapper{margin-left:0;}
header .topnavigation-wrapper{display:inline-block;vertical-align:top;}
header .topnavigation-main-wrapper .topnavigation > ul > li:not(:first-child){margin-left:35px;}
.megamenu {top: 45px;}
.megamenu ul > li:not(:last-child){margin-bottom:20px}
.megamenu .default-img .layout-image1{max-width:40%;}
.megamenu li > a, .megamenu li > span,.megamenu .submenu-sub-links ul li > a,
.megamenu .signpost-wrapper .signpost-content{font-size:1.6rem;line-height:normal;}
.megamenu .signpost-link .rad-arrow-link.arrow-link-down{margin-top:80px;}
/*header .customer-sites .customer-sites-list {margin-top: 42px;}*/
.change-region-inner .cgroup-list {column-gap: 100px;}
/*.customer-sites a.sites-list, .customer-sites a.sites-list:after {font-size:1.2rem;}*/
.megamenu .submenu-links > .lvl2parent-head {font-size: 2rem;padding-right: 18px;}
.megamenu .submenu-links > .lvl2parent-head:after,
.megamenu .submenu-sub-links .lvl3parent-head:after {font-size: 1.2rem;bottom: 5px;}
.megamenu li.level2.haschildren .sublink-opener {padding-right: 18px;}
.megamenu li.level2.haschildren .sublink-opener:after {font-size: 1.2rem;bottom: 2px;}
.megamenu .submenu-sub-links .lvl3parent-head {font-size: 1.6rem;padding-right: 18px;}
.megamenu .submenu-sub-links .lvl3parent-head:after {bottom: 3px;}
/*.change-region-inner .cgroup-list > li:nth-child(2) {min-height: 180px;}*/
.megamenu, .megamenu .cols {min-width: 380px;}
}
@media all and (min-width:1200px) and (max-width:1679px){
.search-panel > .customer-sites {margin-left: 30px;}
.search-panel .share-price-ticker + .header-contact {margin-left: 8px;}
header .topnavigation li.level1 > a, header .topnavigation li.level1 > span {font-size: 1.6rem;}
.topnavigation li.level1 > a, .topnavigation li.level1 > span{font-size: 18px; line-height: 25px;}
}
@media all and (min-width:1025px) and (max-width:1199px){
header .topnavigation-main-wrapper .topnavigation > ul > li:not(:first-child){margin-left:20px;}
.megamenu .signpost-wrapper{padding:70px 35px;}
header .topnavigation li.level1 > a,
header .topnavigation li.level1 > span{font-size:1.6rem;}
.customer-sites-list li a{font-size:1.5rem;}
.search-wrapper > .icon-search {font-size: 1.6rem;}
.search-panel.search-panel-new {margin-left: 15px;padding-left: 15px;}
.customer-sites {min-width: 120px;}
.search-panel > .customer-sites {margin-left: 20px;}
.search-panel .share-price-ticker + .header-contact {margin-left: 0;}
.change-region-wrapper .close-region {top: 8px;}
.megamenu, .megamenu .cols {min-width: 360px;}
}
@media all and (max-width:1024px){
.logo img,
.bodyfixed .logo img,
header.sticky-header .logo img,
.bodactive .logo img,
.popupactive .logo img,
.body-search-active .logo img,
.body-country-list-active .logo img {width: 70px;}
.logo > a:has(img), .logo > img{top: 10px; position: relative;}
header .topnavigation-wrapper, header .share-price-ticker {display:none;}
/*header .logo, header .search-panel{width:50%;}*/
header .logo {width: 20%;}
#MainWrapper header, #ip3-search-results header{padding:5px 0 15px !important; height: 100px; background: var(--primary-1);}
header .search-panel .customer-sites, header .search-panel > .search-wrapper{margin-left:25px;}
.mob-menu-btn-wrapper {margin-left: 20px;}
.mob-menu-btn-wrapper .mob-menu-btn .bar1, .mob-menu-btn-wrapper .mob-menu-btn .bar2, .mob-menu-btn-wrapper .mob-menu-btn .bar3{background-color: var(--primary-3);}
header .customer-sites, header .search-panel .header-contact {margin-top:-2px;}
header .customer-sites .customer-sites-list {margin-top: 39px;}
header .search-panel > *{vertical-align:middle;}
header .search-panel {margin-top: 16px;}
header .customer-sites .customer-sites-list{left:50%;transform:translateX(-50%);}
header .search-panel-wrapper {margin-top: 25px;width: 80%;}
header .search-panel-wrapper > * {display: inline-block;vertical-align: middle;}
header .search-panel-wrapper .search-panel,
header .topnavigation-main-wrapper {margin-top: 0;width: auto; position: static}
header .search-wrapper > .icon-search {font-size: 2.4rem; color: var(--primary-3);}
header .search-panel.search-panel-new {margin-left: 0;padding-left: 0;border:none;}
.change-region-wrapper{left: 0; top: 0;}
.change-region-inner .cgroup-list {columns: 2;}
.change-region-inner .cgroup-list {column-gap: 150px;}
.change-region-inner .cgroup-list > li:nth-child(2) {min-height: auto;}
header .cookie-setting { margin-left: 30px;}
}
@media all and (max-width:1023px){
.change-region-wrapper{padding: 50px 0;}
.change-region-wrapper .close-region {top: -38px;right: 25px;}
.topnavigation li.level1 > a, .topnavigation li.level1 > span{font-size: 15px; line-height: 21px;}
}
@media all and (max-width:1024px){
.search-wrapper > .icon-search:before{background-image: url(/~/media/Images/M/MandG-Plc/icons/search-light);}
}
@media all and (max-width:991px){
header .search-panel {margin-top: 19px;}
header .customer-sites .customer-sites-list {margin-top:41px;}
.mob-menu-btn-wrapper{margin-left:33px;left:0;transform:none}
.mob-menu-btn-wrapper .mob-menu-btn .bar1, .mob-menu-btn-wrapper .mob-menu-btn .bar2, .mob-menu-btn-wrapper .mob-menu-btn .bar3{width:22px;margin:5.7px 0;}
header .search-wrapper > .icon-search{font-size:2.1rem;}
header .search-panel .customer-sites, header .search-panel > .search-wrapper{margin-left:35px;}
header .customer-sites a.sites-list{padding-right:27px;}
header .customer-sites, header .customer-sites-list li a{font-size:1.5rem;}
header .cookie-setting { margin-left: 30px; margin-top: 7px;}
}
@media all and (min-width:768px) and (max-width:1024px){
header .search-panel-wrapper {text-align: right;}
}
@media all and (max-width:767px){
header .customer-sites, header .cookie-setting {display:none;}
header .logo{width:30%;float:right;text-align:right;}
.logo img, .bodyfixed .logo img, header.sticky-header .logo img, .bodactive .logo img, .popupactive .logo img, .body-search-active .logo img, .body-country-list-active .logo img {
padding: 0; top: 8px;}
header .search-panel-wrapper {display: flex;align-items: center;}
header .search-panel{width:32%;text-align:left;margin-top: 18px;}
header .search-panel.search-panel-new {display: flex;align-items: center;}
header .search-panel > .search-wrapper{order: 1;}
header .search-panel .header-contact {margin-top: 0;}
header .search-panel-wrapper > .search-panel {order: 1;margin-left: 35px;}
header .search-panel-wrapper {width: 70%;}
header .logo img{display: inline-block;vertical-align: top; padding: 0; top: 8px;}
.mob-menu-btn-wrapper{margin-left:0;}
.mob-menu-btn-wrapper .mob-menu-btn .bar1, .mob-menu-btn-wrapper .mob-menu-btn .bar2,
.mob-menu-btn-wrapper .mob-menu-btn .bar3{width:24px;}
.mobile-menu{width:100%;max-width:100%;transform:translate3d(-100%, 0, 0);}
.mob-icon-active .mob-menu-btn .bar3{-webkit-transform:rotate(45deg) translate(-5px,-5px);transform:rotate(45deg) translate(-4px,-4px);}
.mobile-menu a, .mobile-menu span{font-size:1.6rem;}
.mobile-menu .mobile-menu-list ul > li:not(:first-child),
.mobile-menu .mobile-menu-list ul li ul{margin-top:15px;}
.mobile-menu li.navopen, .mobile-menu li.last{padding-bottom:15px;}
.mob-sharelist > *{padding:0;}
.mob-sharelist .share-wrapper .icon-share{display:block;padding:16px 20px;}
.mob-sharelist .customer-sites a.sites-list{padding:16px 20px;}
.mob-sharelist .customer-sites a.sites-list:after{right:20px;}
/*Country Region*/
.countrylist-active .change-region-wrapper {position: fixed;top: 0;box-shadow: none;
border-bottom: 1px solid #ededed;}
.change-region-inner .cgroup-list {column-gap: 100px;}
.change-region-wrapper .close-region {right: 15px;}
}
@media all and (max-width:639px){
.change-region-inner .cgroup-list {columns: 1;}
}
@media all and (max-width:479px){
.change-region > * {display: table;width: 100%;}
.cr-btn-main {text-align: left;}
}
/*--- Footer Css Starts ---*/
footer{background-color:var(--primary-1);color:var(--primary-3);padding-bottom:20px}
footer .container-fluid{padding:0 70px;}
footer a{color:var(--primary-3);font-family: 'FFInfraLight';}
footer a:hover{color:var(--secondary-10)}
.footerTop{/* padding-top:155px;*/padding-bottom:140px;}
.footerBottom{padding-bottom:25px;}
.footerMenuLinks{margin-top:62px;}
.footerMenuLinks ul li{float:left;width:50%;}
.footerMenuLinks ul li a{line-height:52px;}
.footerMenuLinks ul li:not(:nth-child(1)):not(:nth-child(2)){margin-top:30px;}
.footerRightLinks .rightAlign{float:left;width:100%;}
.social-media-links{float:right;}
.social-media-links li{float:left;}
.social-media-links li:not(:first-child){margin-left:40px;}
.social-media-links a:before{font-size:2.4rem;}
.footerRightLinks .alertService{float:left;width:100%;margin-top:28px;color: var(--primary-3);font-size: 26px;}
.alertService{line-height:34px;}
.alertServiceLink{margin-top:20px;}
.alertServiceLink a{font-size:2.1rem;display:inline-block;line-height:normal;}
.branding ul{float:left;width:100%;}
.branding ul li{float:left;}
.branding ul li:not(:first-child){margin-left:25px;}
.branding .footer-links{padding:30px 0;font-family: 'FFInfraLight';}
.footer-bottom-disclaimertext{font-size:1.6rem;line-height:22px;padding:30px 0;}
/* .footer-bottom-disclaimertext p{margin-bottom:20px} */
/*--- Footer Css Ends ---*/
/*--- Self Serve starts ---*/
body.bodyfixed.ip3-edit{overflow-y:scroll;}
body.ip3-edit header.sticky-header{top:auto;position: absolute;overflow: hidden;}
body.ip3-edit .megamenu .col-right.cols{max-height:calc(100vh - 348px);}
body.ip3-edit .megamenu .col-left.cols{max-height:calc(100vh - 348px);overflow-y:auto;padding-top:30px;padding-bottom:30px;}
/*--- Self Serve ends ---*/
/*
@media (max-width: 1280px){
.banner-moduletype2-img-container .banner-slide-image { height: 413px !important;}
}
@media (min-width:1281px) and (max-width: 1920px){
.banner-moduletype2-img-container .banner-slide-image { height: 646px !important;}
}*/
.customer-sites-button {
border-radius: 2px;
border: 1px solid rgba(248, 247, 243, 0.4);
padding: 9px 14px;
float: left;
display: flex;
align-items: center;
}
.customer-sites-button:focus-visible {
outline: 2px dashed var(--primary-5);
outline-offset: 4px;
border-radius: 2px;
}
a.sites-list.hide {
display: none !important;
}
.customer-sites-bars {
float: left;
margin-top: 2px;
}
.customer-sites-bars .bar-1, .customer-sites-bars .bar-2, .customer-sites-bars .bar-3 {
height: 2px;
background-color: var(--primary-3);
width: 14px;
margin: 3px 0;
}
.customer-sites-flag {
float: left;
width: 17px;
height: 17px;
border-radius: 50%;
margin-top: 0px;
background-image: url(/~/media/Images/M/MandG-Plc/content-images/country-flags/gb.png);
background-size: 100%;
background-position: center center;
}
.customer-sites-link {
float: left;
margin: 0 12px;
font-size: 1.4rem;
line-height: 18px;
letter-spacing: -0.18px;
position: relative;
color: var(--primary-3);
}
.change-region-innerwrapper {
background-color: #f3f3f3;
padding-bottom: 50px;
margin-top: 30px;
}
.change-region-wrapper{top: 100%; left: -20px; background-color: #ffffff;}
.icon-close-1:before, .search-wrapper.search-active > .icon-search:before {
content: "\e905";
font-size: 0.9em;
}
.change-region-wrapper .close-region {
position: absolute;
top: 20px;
right: 60px;
color: var(--primary-1);
border-radius: 2px;
border: solid 1px rgba(151, 151, 151, 0.4);
padding: 4px 10px;
}
.customer-sites-button {
cursor: pointer;
}
.customer-sites-button:hover {
color: var(--primary-3);
}
.change-region-inner .cgroup-head:after {
content: "+";
right: 0;
position: absolute;
font-family: "icomoon";
content: "\e900";
font-size: 0.7em;
top: 15px;
transform: translateY(-50%) rotate(270deg);
}
.change-region-inner .cgroup-head {
font-size: 1.8rem;
line-height: normal;
color: var(--primary-1);
width: 65%;
float: left;
margin-bottom: 0px;
position: relative;
cursor: pointer;
}
.change-region-inner .cgroup-head.sl-active:after {
transform: translateY(-50%) rotate(270deg);
top: 15px;
right:-10px;
}
span.website-head {
font-size: 1.8rem;
line-height: normal;
color: var(--primary-1);
width: 100%;
float: left;
margin-bottom: 20px;
position: relative;
cursor: pointer;
font-family: 'FFInfraMedium';
font-weight: 500;
font-style: normal;
}
.website-list-selected ul.website-list li a:after{
font-family: icomoon;
position: absolute;
display: block;
font-size: 1.2rem;
color: var(--primary-1);
right: 0px;
top: 50%;
transform: translateY(-50%) rotate(270deg);
line-height: normal;
content: "\e900";
}
.website-list-selected ul.website-list li a:hover:after {
right: -10px;
}
.website-list-selected ul.website-list > li a {
display: inline-block;
width: 100%;
position: relative;
background-color: #f3f3f3;
font-size: 1.4rem;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
line-height: 1.4em;
padding-right:20px;
}
a#region-back-button {
position: absolute;
top: 20px;
color: #5a5a5a;
border-radius: 2px;
padding: 5px 10px;
left: 180px;
background: #f3f3f3;
display: none;
}
.windows .region-back-text::before {
top: 12px;
}
span.region-back-text {
text-transform: uppercase;
font-size: 0.8em;
padding-left: 18px;
line-height: 1.9em;
}
span.region-back-text:before {
position: absolute;
font-family: "icomoon";
content: "\e900";
font-size: 0.7em;
top: 10px;
left: 8px;
font-size: 1.3rem;
line-height: normal;
color: var(--primary-1);
font-weight: bold;
transform:rotate(90deg);
}
.website-list-selected {
margin-top: 77px;
height: calc(78vh - 120px);
display: none;
padding-left: 40px;
}
.website-list-selected ul.website-list > li {
padding-bottom: 10px;
width: 88%;
}
.website-list-selected-left {
float: left;
width: 38%;
}
.website-list-selected-right {
float: left;
width: 50%;
}
.website-list-selected-right .website-logo-selected-link {
width: 100%;
margin: 0 auto;
text-align: center;
display:none;
}
.website-list-selected-right .website-logo-selected-link img {
text-align: center;
border-radius: 2px;
border: solid 1px rgba(151, 151, 151, 0.4);
}
.change-region-inner .cgroup-list {
margin-top: 50px;
}
.change-region-inner .country-list {
margin-top: 0;
}
@media only screen and (min-width:1025px) {
.change-region-inner.mCS_no_scrollbar .mCSB_container {top: 0 !important; transform: none;}
}
@media all and (min-width: 721px) and (max-width: 840px) and (orientation : portrait) {
.website-list-selected-left {float: left; width: 50%;}
.website-list-selected-right {float: left; width: 50%;}
div#logo {z-index: 9999;}
.customer-sites-button {padding: 5px 14px 7px 14px;}
.customer-sites-link {line-height: 1.7em; font-size: 1.5rem;}
span.region-back-text:before {left: auto;
margin-left: -13px;
margin-right: 10px;
display: inline-block;
top: 3px;
position: relative;}
}
@media all and (max-width: 921px) and (orientation : landscape) {
.mobile-menu.mobile-menu-active{width: 100%; max-width: 100%;}
.change-region-wrapper{left: 0;}
}
@media all and (min-width: 921px) and (max-width: 1040px) and (orientation : landscape) {
.website-list-selected-left {float: left; width: 50%;}
.website-list-selected-right {float: left; width: 50%;}
div#logo {z-index: 9999;}
.customer-sites-button {padding: 5px 14px 7px 14px;}
.customer-sites-link {line-height: 1.7em; font-size: 1.5rem;}
span.region-back-text:before {top: 3px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
.customer-sites-button {margin-right: 15%; float: right; }
.customer-sites-button {padding: 5px 14px 7px 14px; border: 1px solid #ededed;}
.customer-sites-link {line-height: 1.7em; font-size: 1.5rem; color: var(--primary-5);}
.customer-sites-bars .bar-1, .customer-sites-bars .bar-2, .customer-sites-bars .bar-3{background-color: var(--primary-5);}
span.region-back-text:before {left: auto;
margin-left: -13px;
margin-right: 10px;
display: inline-block;
top: 2px;
position: relative;}
.website-list-selected-left {float: left; width: 100%;}
.website-list-selected-right {float: left; width: 100%;}
.change-region-wrapper .close-region {right: 20px;}
a#region-back-button {left: 20px;}
.website-list-selected ul.website-list > li {padding-bottom: 10px; width: 80%;}
.change-region-inner .country-list {padding-top: 20px; margin-top: 10px;}
}
span.cgroup-head.sl-active {
color: var(--primary-2);
}
.change-region-inner .country-list li a {width: 65%;}
.change-region-inner li.region-li.region-europe .country-list div div {
columns: 2;
column-gap: 100px;
}
.change-region-inner .country-list li a {font-size: 1.4rem;}
header.noNotificationPopup {
padding: 0 0 11px !important;
}
@media only screen and (max-width:767px){
.website-list-selected {
margin-top:0;
padding-top:15px;
padding-left: 25px;
}
.change-region-wrapper .cgroup-list {
margin-top:15px;
}
}
@media all and (min-width: 320px) and (max-width: 736px) and (orientation : landscape) {
.website-list-selected {
height: calc(78vh - 180px);
overflow-y: scroll;
}
}
@media only screen and (min-device-width: 1274px) and (max-device-width: 1920px) {
.website-list-selected ul.website-list > li {
width: 74%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1020px){
.change-region-inner .country-list {
width: 131% !important;
}
.change-region-inner .country-list li a {
width: 77%;
}
}
.megamenu .main-nav-li a.level04 {margin-top: 12px;}
.inpage-navigation-wrapper.inpage-nav-sticky{z-index: 99 !important;}
.mod-imgcontent-carousel .mod-imgcontent-carousel-greybg{height: 50% !important;bottom: 0;top: auto !important;}
@media (max-width:1230px){
#ip3-mg-stars-2025 .blog-detail-main-wrapper .blog-detail-banner-image-holder {
background-size: contain;
}
}