/*=================================================== PCD-39708 : Slaughter and May New Design Requirements ====================================================*/ /*--- Header and Navigation ---*/ .header{position: static; border-bottom:#e9e9e9 solid 1px; height:auto;} .navigation{margin-top:0px; padding:0px;} .TopHeadBar{position:fixed; border-bottom:#e9e9e9 solid 1px;} .pageWrapper{margin-top:93px;} .header .logo{float: none !important; text-align: center; line-height:inherit; padding: 8px 0px;} .header .logo img{max-height: 30px;} .header .headRight{position: absolute; right: 0; top: 0; padding: 0; bottom: 0; padding-right:90px;} .header .HeadSearch.rk_dropEnabled{ max-width: none; position: fixed; left: 0; right: 0; width: 100%; top: 93px; max-width: inherit; padding:20px; background: #FFF; } .header .HeadSearch .form-control, .header .HeadSearch .form-control:focus{width:100%; padding:10px; border:#e9e9e9 solid 1px; height:64px; box-shadow:none; outline:0px;} .navigation .TopNavMenu{display: flex; justify-content: center;} .navigation .TopNavMenu > li > .dropdown-menu{width:240px !important; min-width: auto; border-radius: 0px; padding:0px; margin-top:13px; border-color:#e9e9e9; box-shadow:none; border-bottom:0px; display:none;} .navigation .TopNavMenu.navbar-nav > li{margin:0px 24px; height:45px;} .navigation .TopNavMenu > li > a{font-size: 1.4rem; font-weight: 600; text-decoration: none; text-transform: uppercase; color: #363636; line-height:45px; height:100%;} .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea{padding:0px;} .navigation .TopNavMenu > li > a:hover{background:transparent;} .navigation .TopNavMenu > li > a:before { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 2px; background: #f1613a; opacity: 0; transition: all .3s cubic-bezier(.645,.045,.355,1); } .header .HeadSearch.rk_dropEnabled .input-group{width: 100%;} .header .HeadSearch.rk_dropEnabled .input-group .input-group-btn{display:none;} .navigation .TopNavMenu > li > .dropdown-menu > li, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li{border-bottom: 1px solid #dbdbdb; padding: 16px 24px; margin-bottom: 0; line-height: 1.5;} .navigation .TopNavMenu > li > .dropdown-menu > li > a, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li a {font-size: 16px; overflow: visible; white-space: normal !important; padding:0px !important; display: inline-block; -ms-user-select: none; user-select: none; cursor: pointer; text-decoration: none; color: #363636; transition: all .3s cubic-bezier(.645,.045,.355,1); position: relative; word-wrap: break-word; text-transform: capitalize; } .navigation .TopNavMenu > li > .dropdown-menu > li > a:hover, .navigation .TopNavMenu > li > .dropdown-menu > li > a:focus{background:transparent;} .navigation .TopNavMenu > li > .dropdown-menu > li > a:before, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li a:before{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #008482; opacity: 0; transition: all .3s cubic-bezier(.645,.045,.355,1); } .navigation .TopNavMenu > li > .dropdown-menu > li:hover > a, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li:hover a{color: #008482;} .navigation .TopNavMenu > li > .dropdown-menu > li:hover > a:before, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li:hover a:before{opacity: 1; transform: translate3d(0,-2px,0);} .navigation .TopNavMenu > li > a:hover:before, .navigation .TopNavMenu > li.megaDrop--active > a:before, .navigation .TopNavMenu > li > .dropdown-menu > li.ckContentArea ul li a:hover:before{opacity: 1!important; transform: translate3d(0,-3px,0);} .header .headRight .navbar-nav{height:100%;} .header .headRight .ipadNone.dropdown.ipadNone.iconView{margin:3px 10px;} .header .headRight .HeadSearchBtn.iconView{margin: 0; min-width: 90px; height: 100%; display:block !important; position: absolute; right: 0; border-left: #e9e9e9 solid 1px; background: #FFF; z-index: 99;} .header .headRight .HeadSearchBtn.iconView a.searchBtn{display: flex; justify-content: center; align-items: center; height:100%;} .header .headRight .HeadSearchBtn.iconView a.searchBtn .icon-search{width: 33px; height: 33px; position:relative;} .header .headRight .HeadSearchBtn.iconView a.searchBtn .icon-search:before { width: 28px; height: 28px; border: 1px solid #363636; border-radius: 100%; } .header .headRight .HeadSearchBtn.iconView a.searchBtn .icon-search:after, .header .headRight .HeadSearchBtn.iconView a.searchBtn .icon-search:before{ content: ""; display: block; position: absolute; box-shadow: inset 0 0 1px 0 #363636, 0 0 1px 0 #363636; transition: all .3s cubic-bezier(.645,.045,.355,1); } .header .headRight .HeadSearchBtn.iconView a.searchBtn .icon-search:after { width: 12px; transform: rotate(45deg); transform-origin: bottom right; bottom: 0; height: 1px; background: #363636; border-radius: 100%; right: 0; } .header .headRight .HeadSearchBtn.iconView a.searchBtn.searchDrop--active .icon-search:before { height: 1px; border-radius: 0px; width: 100%; box-shadow: inset 0 0 1px 0 #363636, 0 0 1px 0 #363636; transform: rotate(-45deg); transition: all .3s cubic-bezier(.645,.045,.355,1); transform-origin: top right; top: 3px; right: 4px; background: #363636; border: 0px; } .header .headRight .HeadSearchBtn.iconView a.searchBtn.searchDrop--active .icon-search:after {width: 100%; bottom: 4px; right: 4px;} .header .headRight .HeadSearchBtn.iconView a.searchBtn:hover .icon-search:before, .header .headRight .HeadSearchBtn.iconView a.searchBtn.searchDrop--active:hover .icon-search:before{ border-color: #f1613a; box-shadow: inset 0 0 1px 0 #f1613a, 0 0 1px 0 #f1613a; } .header .headRight .HeadSearchBtn.iconView a.searchBtn:hover .icon-search:after{ background: #f1613a; box-shadow: inset 0 0 1px 0 #f1613a, 0 0 1px 0 #f1613a; } .header .headRight li.hamburger{display: block !important; position: fixed; left: 0; height: 92px; background: #FFF; margin: 0; border-right: #e9e9e9 solid 1px; min-width: 90px; z-index:99;} .header .headRight li.hamburger a.MenuIconTopDrop, .header .headRight li.hamburger a.MenuIconTop, .header .headRight li.hamburger a.MenuIconTopDrop:focus{padding: 0; height: 100%; display: flex; justify-content: center; align-items: center; background: transparent; border: 0px;} .header .headRight .HeadSearch.dropEnabled {float: none; position: fixed; width: 100%; left: 0px; right: 0px; top: 93px;} .header .headRight li a.MenuIconTopDrop .icon.icon-menu, .header .headRight li a.MenuIconTop .icon.icon-menu{width: 30px; height: 1px; transition: transform .3s cubic-bezier(.645,.045,.355,1); background: #f1613a; position:relative; margin-top:-16px;} .header .headRight li a.MenuIconTopDrop .icon.icon-menu:before, .header .headRight li a.MenuIconTop .icon.icon-menu:before, .header .headRight li a.MenuIconTop .icon.icon-menu:after, .header .headRight li a.MenuIconTopDrop .icon.icon-menu:after{ display: block; content: ""; position: absolute; width: 30px; height: 1px; background: #f1613a; transition: all .3s cubic-bezier(.645,.045,.355,1); } .header .headRight li a.MenuIconTopDrop .icon.icon-menu:before, .header .headRight li a.MenuIconTop .icon.icon-menu:before{content: ""; top: 6px;} .header .headRight li a.MenuIconTopDrop .icon.icon-menu:after, .header .headRight li a.MenuIconTop .icon.icon-menu:after{top: 16px; content: "";} .header .headRight li a.MenuIconTopDrop.megaDrop--active .icon.icon-menu, .header .headRight li a.MenuIconTop.megaDrop--active .icon.icon-menu{transform: translate3d(0,8px,0) rotate(45deg);} .header .headRight li a.MenuIconTopDrop.megaDrop--active .icon.icon-menu:before, .header .headRight li a.MenuIconTop.megaDrop--active .icon.icon-menu:before {transform: rotate(-45deg) translate3d(-5.71429px,-5px,0); opacity: 0;} .header .headRight li a.MenuIconTopDrop.megaDrop--active .icon.icon-menu:after, .header .headRight li a.MenuIconTop.megaDrop--active .icon.icon-menu:after {transform: translate3d(0,-16px,0) rotate(-90deg);} .header .HeadSearch .input-group > .input-group-btn > .btn, .header .HeadSearch .input-group > .input-group-btn > .btn:hover, .header .HeadSearch .input-group > .input-group-btn > .btn:active, .header .HeadSearch .input-group > .input-group-btn > .btn:focus { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; height: 64px; padding: 0 16px; color: #363636; font-weight: 400; font-family: Open Sans,Helvetica,Arial,"sans-serif"; font-size: 1rem; line-height: 1; text-decoration: none; border: 1px solid #dbdbdb; background-color: #fff; cursor: pointer; position: relative; overflow: hidden; transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-appearance: none; outline:0px none; } .header .HeadSearch .input-group .input-group-btn.open .caret, .header .HeadSearch .input-group .input-group-btn:hover .caret {border-top-color: #000;} .header .HeadSearch .input-group .input-group-btn.open .dropdown-menu{top:62px;} /*--- Navigation Head Menu---*/ .navigation .TopNavMenu.navbar-nav > li.rk_CommonMenuHide, .navigation-panel .navbar-nav > li.rk_moreMenu, .navigation .TopNavMenu > li > a .NavtextOuter .caret{display:none;} .globalMessage{top:92px;} /*--- Navigation Panel Dropdown---*/ .navigation-panel {right: 0 !important; height: auto; top: 93px; left: 0px !important; box-shadow: none; overflow:hidden; width: 100% !important; clip: none !important; transition:all .1s cubic-bezier(.245,.045,.155,1); border-bottom: 1px solid #dbdbdb; } .navigation-panel .navigation-panel-content{display:flex; position:relative; height:100%;} .navigation-panel .navbar-nav{width: 25%; border-right: 1px solid #dbdbdb;} .navigation-panel .navbar-nav > li { float: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border: 0px; margin: 24px 0; padding-right: 16px; padding-left: 75px; position:static; border:0px; } .navigation-panel .navbar-nav li a:hover,.navbar-nav li.active > a, .navigation-panel .navbar-nav li.active > a, .navigation-panel .navbar-nav li a:hover{border:0px none;} .navigation-panel-content .navbar-nav > li > a, .navigation-panel-content .navbar-nav > li > a:hover, .navigation-panel-content .navbar-nav > li > a:focus{font-size: 2.15rem; display:block; border:0px; line-height:28px;} .navigation-panel .navbar-nav > li:hover:after { width: 10%; opacity: 1; } .navigation-panel .navbar-nav > li:after { content: ""; display: block; background: #f1613a; opacity: 0; transition: all .3s cubic-bezier(.645,.045,.355,1); flex-grow: 0; margin-left: 24px; height: 1px; } .navigation-panel .navbar-nav > li.megamenu--active:after{opacity: 1; flex-grow: 1;} .navigation-panel .navbar-nav > li.megamenu--active:hover:after{width: 10%; opacity: 1;} .navigation-panel .navbar-nav .NavtextOuter .caret{display:none;} .navigation-panel .navbar-nav > li > ul.dropdown-menu{ display: none; position: absolute; top: 15px; left: calc(25% + 8px); width: calc(75% - 24px); flex-direction: column; flex-wrap: wrap; align-content: flex-start; transition: opacity .3s cubic-bezier(.645,.045,.355,1); } .navigation-panel .navbar-nav > li > a:hover ~ ul.dropdown-menu, .navigation-panel .navbar-nav > li.megamenu--active > ul.dropdown-menu{display:flex; width:auto; max-height: 750px; flex-direction: column; } .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a, .subMenuListHead a{ display: block; color: #363636; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; text-decoration: none; line-height: 1.5; font-size: 16px; } .dropdown-menu-sub-list ul{margin-bottom: 0; line-height: 1.5; list-style: none; padding: 0; margin: 0px 0px 10px; } .dropdown-menu-sub-list > ul > li{padding-bottom:5px;} .dropdown-menu-sub-list > ul > li > a{color: #626262; text-decoration: none; font-weight: 400; font-size: 16px; text-decoration:none;} .navigation-panel li.ckContentArea{padding: 0px 15px 5px 15px;} .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a:hover, .subMenuListHead a:hover, .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a:focus { cursor: pointer; color: #008482; text-decoration: underline; background:transparent; border:0px none; } .navigation-panel .navbar-nav li.ckContentArea a:hover{color:#008482;} .backdrop {position: fixed; z-index: 100; top: 0; left: 0; background: #626262; width: 100%; height: 100%; transition: opacity .3s cubic-bezier(.645,.045,.355,1); pointer-events: none; opacity: 0; } .backdrop--show {opacity: .8; pointer-events: auto;} .navigation-panel .navbar-nav li.headLinksForDevice{display:none;} /*--- Header and Navigation For Ipad ---*/ .navigation-panel .navbar-nav > li.userLoginImg, .navigation-panel .navbar-nav > div.searchPanel, .navigation-panel .navbar-nav > li.nav-divider{display:none !important;} /*--- content lists ---*/ .rk_contentList .thumbOuter { clear: none !important; } .rk_contentList .floatingContainer.four .thumbOuter { width: 33%; } .rk_contentList .icon_content { display: none; } .rk_contentList .thumbOuter { position: relative; } .rk_contentList .thumbOuter:before{ content:""; position: absolute; display: block; background: rgba(0,0,0,0.7); z-index: 1; top: 0; bottom: 30px; left: 15px; right: 15px; } .rk_contentList .thumbDes { position: absolute; right: 25px; left: 30px; bottom: 30px; overflow: hidden; color: #fff; z-index: 2; font-size: 11px; } .rk_contentList .thumbDes a > strong{font-weight: 600; letter-spacing: 2px; font-size: 19px} .rk_contentList .thumbDes > p > a { color: #fff; text-transform: uppercase; } .rk_contentList .thumbOuter:hover .thumbDes, .rk_contentList .thumbOuter:hover .rk_moduleName a, .rk_contentList .thumbOuter:hover .thumbDes > p > a { color: #252525; } .rk_contentList .thumbOuter:hover:before { content: ""; position: absolute; display: block; background: rgba(255, 255, 255, 0.7); z-index: 1; top: 0; bottom: 30px; left: 15px; right: 15px; transition: all 0.3s ease 0s; } .rk_mainTitle .MainTitle{margin-bottom:25px;} .rk_mainTitle .MainTitle .Titletxt{padding-bottom:10px; position:relative; text-transform: uppercase;} .rk_mainTitle .MainTitle .Titletxt::after { content: ""; background: #fab4aa; position: absolute; bottom: 0px; height: 2px; width: 60px; left: 0; } .rk_contentList .thumbOuter .moduleName{display:none;} .rk_moduleName { position: absolute; top: 0; z-index: 1; left: 30px; top: 10px; padding-bottom:10px; } .rk_moduleName a{ color:#FFF; font-size:14px; font-weight:600; text-transform: uppercase; } .rk_moduleName a:after { content: ""; background: #9c5342; position: absolute; left: 0; bottom: 0; height: 1px; width: 100px; } /*--- Key Contact ---*/ .rk_contactsBox .grid{position:relative; display:flex;} .rk_contactsBox .grid .rk_contact_logos div, .rk_contactsBox .ui-sortable,.rk_contact_logos, .rk_contactsBox .sortable-item{height:100%; display:flex; width:100%;} .rk_keyContact .key-contact_arrow{ width:23px; height:20px; position: relative; transition: transform .3s cubic-bezier(.645,.045,.355,1); fill: #FFF; } .rk_contact_logos{ background:#FFF; height:100%; -moz-transform: skew(-13deg, 0deg); -webkit-transform: skew(-13deg, 0deg); -o-transform: skew(-13deg, 0deg); -ms-transform: skew(-13deg, 0deg); transform: skew(-13deg, 0deg); top:0; width: 100%; padding:0px 25px; right:0px; text-align:center; border-top: #502751 solid 1px; border-bottom: #502751 solid 1px; margin-left: -25px } .rk_contact_logos .ckContentArea{ -moz-transform: skew(13deg, 0deg); -webkit-transform: skew(13deg, 0deg); -o-transform: skew(13deg, 0deg); -ms-transform: skew(13deg, 0deg); transform: skew(13deg, 0deg); align-items: center; justify-content: center; } .rk_contact_logos .ckContentArea img{margin:10px 0px; max-height:45px;} .rk_contactsBox .grid .rk_contact_logos .MainTitle.Titlehide{display:none;} /*--- Hero Banner and Search Area ---*/ .SP_Overlay_Angle.rk_Overlay_angle::before{background:rgba(0,0,0,0.6); right: 40vw;} .rk_Overlay_angle h1{position:relative; padding-bottom:15px;} .rk_Overlay_angle h1:after{ content: ""; background: #9c5342; position: absolute; left: 0; bottom: 0; height: 1px; width: 80px; } .rk_searchArea{padding-top:15px;} .rk_Overlay_angle a.rk_hero_button{border:#fff solid 1px; padding:15px 20px; display:inline-block; color:#FFF; font-weight:600; text-decoration:none;} .rk_Overlay_angle a.rk_hero_button:hover{background:#FFF; color:#582b53; text-decoration:none;} .rk_mediaTxt a.SP_SM_Button{border:#f2f2f2 solid 2px; color:#333; padding:1.8rem 4rem 1.8rem 4rem; max-height: inherit; text-transform: none;} .rk_mediaTxt a.SP_SM_Button:hover{text-decoration:none; background:#f2f2f2;} .rk_mediaTxt a.SP_SM_Button:after, .rk_mediaTxt a.SP_SM_Button:before{content:none;} .rk_dropEnabled .dropdown-menu.pull-right.DropSearhResult{top: 62px;width:100%; max-width: inherit; display:none;} .header .HeadSearch .input-group .btn.searchClose{top:14px; display:none;} .header .HeadSearch .relativeDiv .grayloader{top:25px; display:none;} /*--- Search results Page ---*/ #searchMainBody .searchContent h3.marg0.margTop7.pull-left{color:#363636; text-transform:uppercase; font-size: 45px; position: relative; padding-bottom: 20px; margin-bottom:45px; margin-top:0px;} #searchMainBody .searchContent h3.marg0.margTop7.pull-left:before ,#searchMainBody .searchContent h3.marg0.margTop7.pull-left:after { content: ""; background: #f1613a; position: absolute; left: 0; bottom:0; height: 1px; width: 80px; } /*- #searchMainBody .searchContent h3.marg0.margTop7.pull-left:after { content:'Please Note: This is only Searching Through Our Publications'; background: transparent; font-size: 12px; text-transform: capitalize; bottom: -40px; font-weight: normal; height: auto; width: auto; } --*/ #ResponseContainer .searchListView .itemList .searchResultsicon, #ResponseContainer .searchListView .itemList .IconRight > span.TruncateTxt, #ResponseContainer .searchListView .itemList .IconRight > span.GreyFont{display:none;} #ResponseContainer .searchListView .itemList .IconRight.overflowHidden{padding:0px; margin:0px;} #ResponseContainer .searchListView .itemList > .pull-right{display:none;} #ResponseContainer .searchListView > hr{border-color: #dbdbdb; margin:20px 0px;} #ResponseContainer .searchListView .itemList .IconRight a{font-size:20px; color:#363636; font-weight: 600;} .searchContent .GreySearchBox{border:0px none; background:#FFF; padding:0px;} .searchContent .IconTabBtn{display:none !important;} .searchContent .GreySearchBox #searchContentKeyword{border-radius:0px; height:52px; line-height:50px; padding:12px 15px;} .searchContent .GreySearchBox .relativeDiv .searchClose{top: 12px; right: 10px;} .searchContent .GreySearchBox .input-group-btn .savesearchDropDown{width: 50px; height: 52px; border-radius: 0px;} /*--- Remove the "at Slaughter and May" after the Job Title across the whole site and Telophone and Email Hide ---*/ .thumbDes span.at,.thumbDes span.organisation, .contact_TM_hide .thumbDes .phone, .contact_TM_hide .thumbDes a[href^="mailto:"]{display:none;} .contact_TM_hide .overflowHidden{overflow:hidden;} @media screen and (min-width: 960px) /* Desktop */ { .header .headRight li.hamburger a.MenuIconTopDrop:hover .icon.icon-menu:before, .header .headRight li.hamburger a.MenuIconTop:hover .icon.icon-menu:before{transform: translate3d(-8px,0,0);} } @media (max-width:1024px){ .rk_dropEnabled.rk_dropEnabled--active{display:block !important;} } @media (min-width: 960px) and (max-width: 1024px){ .navigation-panel .navbar-nav > li{padding-left: 10px;} .navigation{display: block !important;} .TopHeadBar{height:93px; background:#FFF;} } @media (max-width:959px){ .pageWrapper {margin-top: 72px;} .navigation-panel .navbar-nav > li.ipadBlock.textView {display:none !important ;} .navigation-panel .navbar-nav > li.ipadBlock.textView:last-child{display:block !important;} .header {border: 0px; padding-top: 15px;} .TopHeadBar{height:72px; background:#FFF;} .header .headRight .HeadSearchBtn.iconView{min-width: 70px;} .header .headRight li.hamburger{min-width: 72px; height: 71px} .navigation-panel .navbar-nav > li{padding-left: 10px;} .navigation-panel{top: 72px; width:320px !important; bottom:0; border-left: 0px; left:-320px; opacity:0; transition: all .3s cubic-bezier(.645,.045,.355,1); display:block !important; visibility:hidden;} .navigation-panel.navigation-panel--show{opacity:1; visibility:visible;} .navigation-panel .navbar-nav{width:100%;} .navigation-panel .navbar-nav .NavtextOuter .caret{display:inline-block;} .navigation-panel .navbar-nav > li, .navigation-panel .navigation-panel-content{display:block; padding:0px; margin:0px;} .navigation-panel-content .navbar-nav li a, .navigation-panel-content .navbar-nav li a:focus, .navigation-panel-content .navbar-nav li a:hover{padding: 16px 24px; display: block; align-items: center; justify-content: space-between; font-size: 1.7rem; font-weight: 600; letter-spacing: 1.5px; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-transform: uppercase; text-decoration: none; color: #363636; border-bottom: 1px solid #dbdbdb; } .navigation-panel .navigation-panel-content{background: #f8f8f8; height: 100%; -webkit-overflow-scrolling: touch; padding-bottom:0px; overflow:hidden; overflow-y: scroll;} .navigation-panel.navigation-panel--show.in{top:72px;} .navigation-panel.navigation-panel--show.in .navigation-panel-content{padding-top: 0px;} .navigation-panel .navbar-nav{background:transparent; height: 100%; padding-bottom:0px;} .navigation-panel .navbar-nav .NavtextOuter{float:none;} .navigation-panel .navbar-nav > li > ul.dropdown-menu{height: 100%; top: 0; overflow-y: auto; width: 100%; flex-flow: column; -webkit-overflow-scrolling: touch; min-width:320px;} .navigation-panel li.ckContentArea{padding:0px; width: 320px;} .navigation-panel .navbar-nav > li > a.dropdown-mobileSlide ~ ul.dropdown-menu, .navigation-panel .navbar-nav > li.megamenu--active > ul.dropdown-menu{max-height:inherit; background:#f8f8f8; left:320px;} .navigation-panel .navbar-nav > li > a.dropdown-mobileSlide ~ ul.dropdown-menu, .navigation-panel .navbar-nav > li.megamenu--active > ul.dropdown-menu{display:flex; width:auto; max-height: 700px; flex-direction: column; overflow:hidden; overflow-y:scroll; } .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter{ justify-content: center; font-size: 17px; position: relative; background: #fff; border-bottom: 1px solid #dbdbdb; cursor:pointer; padding: 15px 20px; color:#363636; font-weight:600; display: flex; } .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a{padding:15px 25px; margin-bottom:0px; max-width:320px;} .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter .caret, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret,.caret-arrow {width: 1.7rem; height: 0.2rem; transition: 0.5s; border-radius: 1rem; transform-origin: right center; border: 0px; background: #000; left: 20px; top: 26px;} .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter .caret:before, .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter .caret:after, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:before, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:after, .caret-arrow:before,.caret-arrow:after { position: absolute; content: ""; left: 0; background: #000; width: 1.1rem; height: 0.15rem; transform-origin: 0.1rem center; transition: 0.5s; border-radius: 2rem; } .navigation-panel-content .navbar-nav li a.dropdown-mobileSlide{position:relative;} .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret{left:auto; top:10px;} .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter .caret:before,.caret-arrow:before, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:before {transform: rotate(-45deg);} .navigation-panel .navbar-nav .dropdown-menu .NavtextOuter .caret:after, .caret-arrow:after, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:after {transform: rotate(45deg); } .navigation-panel .navbar-nav > li.megamenu--active:after{opacity:0;} .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:before, .caret-arrow:before, .caret-arrow:after, .navigation-panel .navbar-nav .dropdown-mobileSlide .NavtextOuter .caret:after{transform-origin: right 0.1rem; left:auto; right:0px;} .dropdown-menu-sub-list > ul{display: flex; flex-direction: column; position: absolute; left: 320px; width: 320px; background: #f8f8f8} .submenu--active a{position:relative;} .caret-arrow{left:auto; top:26px; right:15px; display:inline-block; position: absolute;} .navigation-panel .navbar-nav > li:after{content:none;} .dropdown-menuSubList .submenu--active{display:none;} .dropdown-menuSubList .submenu--active.submenu--active-list{ transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.1s ease-in-out; /** Firefox **/ -o-transition: all 0.1s ease-in-out; display:block; } .navigation-panel .navbar-nav > li > ul.dropdown-menu > li.submenu--active > a{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.5s ease-in-out; /** Firefox **/ -o-transition: all 0.5s ease-in-out; } .dropdown-menuSubList .submenu--active.submenu--active-list a{ display:block; font-size: 17px; position: relative; background: #fff; border-bottom: 1px solid #dbdbdb; cursor:pointer; padding: 15px 20px; color:#363636; font-weight:600; text-align:center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.5s ease-in-out; /** Firefox **/ -o-transition: all 0.5s ease-in-out; } .dropdown-menuSubList .submenu--active a .caret-arrow{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.5s ease-in-out; /** Firefox **/ -o-transition: all 0.5s ease-in-out; } .dropdown-menuSubList .submenu--active.submenu--active-list a .caret-arrow{ left: 10px; right: auto; transform: rotate(180deg); } .navigation-panel .navbar-nav li.headLinksForDevice{display:block;} .navigation-panel .navbar-nav > li > ul.dropdown-menu > li.headLinksForDevice a{border-bottom:0px; margin-bottom:15px;} .header .HeadSearch.rk_dropEnabled{top: 72px;} .dropdown-menu-sub-list > ul{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.5s ease-in-out; /** Firefox **/ -o-transition: all 0.5s ease-in-out; } .dropdown-menu-sub-list > ul.moveDropListData{left:0px;} } @media (hover:none), (hover:on-demand) { .navigation-panel-content .navbar-nav li a:hover, .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a:hover{ background: none; } .navigation-panel .navbar-nav > li > ul.dropdown-menu > li > a:hover{ border-bottom: 1px solid #dbdbdb; color: #363636; margin-bottom: 0px; text-decoration: none; } } @media (max-width:767px){ .header .logo{margin:0px;} .header .logo img{max-height:18px;} .header .headRight li.hamburger .navbar-header{display:none;} }