/*---- rolls-royce-arabic-css-----*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap'); /*-------Global-Css-arabic-site----------*/ #arabic h1, #arabic .h1, .ip3-arabic h1, .ip3-arabic .h1 { font-size: 3.75rem; line-height:4.375rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;font-weight:600;} #arabic h2, #arabic .h2, .ip3-arabic h2, .ip3-arabic .h2{ font-size: 3.125rem; line-height: 4.375rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;} #arabic h3, #arabic .h3, .ip3-arabic h3, .ip3-arabic .h3{ font-size: 1.875rem; line-height: 2.875rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;} #arabic h4, #arabic .h4, .ip3-arabic h4, .ip3-arabic .h4{ font-size: 1.3125rem; line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;} #arabic h5, #arabic .h5, .ip3-arabic h5, .ip3-arabic .h5{ font-size: 1.125rem; line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;font-weight:600;} #arabic .font24, .ip3-arabic .font24{font-size:1.5rem; line-height:2.25rem;font-family: 'Noto Sans Arabic', sans-serif;color:#4E5D65;} #arabic .font18, .ip3-arabic .font18{font-size:1.125rem; line-height:1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#4E5D65;} #arabic .font16, .ip3-arabic .font16{font-size:1rem; line-height:1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#4E5D65;} #arabic .button, .ip3-arabic .button{font-size:1.125rem; line-height:2.375rem;font-family: 'Noto Sans Arabic', sans-serif;font-weight:600;color:#10069F;} /*#arabic a, .ip3-arabic a{font-size:1.125rem;line-height:2.375rem;font-family: 'Noto Sans Arabic', sans-serif;color:#10069F;font-weight:600;}*/ #arabic .top-content.font24 p, .ip3-arabic .top-content.font24 p{font-size:1.5rem;line-height:2.25rem;font-family: 'Noto Sans Arabic', sans-serif;color:#1E3643;} #arabic a:focus, .ip3-arabic a:focus { outline: thin dotted #000000; } /*--------banner-arabic--css-------*/ #arabic .main-modular-landing.new-site-fw .homecontentwrapper h1.White, .ip3-arabic .main-modular-landing.new-site-fw .homecontentwrapper h1.White{font-family: 'Noto Sans Arabic', sans-serif !important;;color:#fff;} #arabic .home-content-fw-inner.White, .ip3-arabic .home-content-fw-inner.White{direction: rtl;margin-right: 120px;} #arabic .home-content-fw-inner.White .bannerpara.White p, .ip3-arabic .home-content-fw-inner.White .bannerpara.White p{ font-size: 1.5rem; padding: 0 0 15px 15px; line-height: 2.25rem; margin-top: 26px; font-family: 'Noto Sans Arabic', sans-serif;} /*---------Arabic-Header-Css-Starts------------*/ .arabic-head #headerwrapper{padding: 6px 0 0;} .arabic-head #topnavigation .fwMenuwrapper.fwcountrynav > ul li.level3.first span{padding-right:0;} .arabic-head #topnavigation .fwMenuwrapper > ul{float: right;display: flex;direction: rtl;} .arabic-head #logo{float: right;width: auto;} .arabic-head #toplinks {float: left !important;} .arabic-head #headerlinks{padding:0; display: flex;direction: rtl;} .arabic-head #headerlinks > ul > li > a > span:after{margin-right:0;} .arabic-head #headerlinks > ul > li > a span:before{left:7px;} #arabic .arabic-head .share-ticker-container, .ip3-arabic .arabic-head .share-ticker-container{border-right: none; width: 150px; margin-top: 8px !important;} .arabic-head #headerlinks > ul > li > a {letter-spacing:normal;padding-top: 0;} .arabic-head #headerlinks > ul > li > a span{line-height: 1.5rem;font-weight: 500;color: #1E3643;} .arabic-head #topnavigation .fwMenuwrapper ul li span{ padding-top: 5px;} .arabic-head .megamenu-close{left: 24px;right:auto;} .arabic-head .mCSB_inside > .mCSB_container{display: flex;flex-direction: row-reverse;} .arabic-head .show-ul-outer .mCSB_scrollTools{right:auto;} .view-more-nav-container.arabic-breadcrumb{float: right; direction: rtl;} .view-more-nav-container.arabic-breadcrumb .new-bread-div .separator{padding: 0 16px; transform: rotateY(180deg);} .view-more-nav-container.arabic-breadcrumb .new-bread-div a{padding: 14px 20px 13px 0;direction: rtl;line-height: 24px;letter-spacing: 1px;font-family: 'Noto Sans Arabic', sans-serif;} .view-more-nav-container.arabic-breadcrumb .new-bread-div:nth-child(2) a{padding:14px 0px 13px 0;padding: 14px 0 13px 0;line-height: 24px;letter-spacing: 1px;font-family: 'Noto Sans Arabic', sans-serif;} .view-more-nav-container.arabic-breadcrumb .new-bread-div-active-inner{padding: 14px 0 13px 0;line-height: 24px;letter-spacing: 1px;font-family: 'Noto Sans Arabic', sans-serif;color:#FA4692;font-weight: 700;} .arabic-head #topnavigation .fwMenuwrapper.fwcountrynav > ul li{font-size: 1.313rem; line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#10069F;font-weight: 500;letter-spacing: 0.6px;} .arabic-head #topnavigation .fwMenuwrapper.fwcountrynav > ul li.current span{color:#FA4692;} .arabic-head .Nav-search{display: block;} .arabic-head .Nav-search__button{ display: inline-block; float: right;} .main-modular-landing .fw-para-text table.rad-tablestyle1 {width:50%;} /*-----------Modules-css-------*/ /*----------intro-text-module-center-text---------*/ #arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold, .ip3-arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold{line-height: 70px;font-family: 'Noto Sans Arabic', sans-serif !important;direction: rtl;} #arabic .main-modular-landing.new-site-fw .fw-intro-text, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text{direction: rtl;} #arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3{font-family: 'Noto Sans Arabic', sans-serif;color:#4E5D65;font-size:1.875rem;line-height:2.875rem;padding-bottom: 0;} #arabic .font24.fw-intro-text p, .ip3-arabic .font24.fw-intro-text p{font-size: 1.5rem; line-height: 2.25rem; font-family: 'Noto Sans Arabic', sans-serif;} #arabic .main-modular-landing.new-site-fw .fw-para-text > p, .ip3-arabic .main-modular-landing.new-site-fw .fw-para-text > p{font-size:1.125rem;line-height: 2.125rem;font-family: 'Noto Sans Arabic', sans-serif;} .ip3-arabic .new-site-fw .fw-intro-section .font18 ul li {font-size:1.125rem;line-height: 2.125rem;font-family: 'Noto Sans Arabic', sans-serif;} #arabic .main-modular-landing.new-site-fw .fw-para-text, .ip3-arabic .main-modular-landing.new-site-fw .fw-para-text{direction: rtl;} /*-------image-video-module----------*/ #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt {width: 60%;} #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl {margin-bottom:0;} #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl h2, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-wi th-ttl h2{font-family: 'Noto Sans Arabic', sans-serif !important;line-height:4.375rem; margin-bottom: 11px;} /*---------module-global-signpost-css---------*/ #arabic .hsp-bottom.hsp-stories-bottom, .ip3-arabic .hsp-bottom.hsp-stories-bottom{padding-top: 10px;} #arabic .hsp-main.hsp-insights .hsp-text h3, .ip3-arabic .hsp-main.hsp-insights .hsp-text h3 { font-size: 1.875rem; line-height: 2.875rem;float: right;font-family: 'Noto Sans Arabic', sans-serif !important;letter-spacing: 0.5px;font-weight: 600 !important; direction: rtl;} #arabic .main-modular-landing.new-site-fw h2, .ip3-arabic .main-modular-landing.new-site-fw h2{line-height: 4.375rem;font-family: 'Noto Sans Arabic', sans-serif !important; padding: 0; margin-bottom: 13px; direction: rtl;} #arabic .main-modular-landing.new-site-fw .fw-para-text > p:last-child, .ip3-arabic .main-modular-landing.new-site-fw .fw-para-text > p:last-child{padding-bottom:0;} .ip3-arabic .fw-full-width-text.fw-intro-section ul {padding-left: initial !important; padding-right: 25px; } .ip3-arabic .fw-full-width-text.fw-intro-section ul li:before {left: auto !important; right: -25px;} /*--------image-with-text-right-------*/ .ip3-arabic .img-rt .fw-ti-inner-box.img_on_rhs_text_wrap .font24.cc-description {direction: rtl;} .ip3-arabic .img-rt .fw-ti-inner-box.img_on_rhs_text_wrap .font24.cc-description p{font-size: 1.5rem; line-height: 2.25rem; font-family: 'Noto Sans Arabic', sans-serif;} .ip3-arabic .fw-text-image-wrapper.img-rt{display: flex; align-items: center; flex-direction: row-reverse;} .ip3-arabic .fw-text-image-wrapper{display: block;} /******2-4-image-only-module------*/ .ip3-arabic .fw-sld-outer .font18.fw-sld-cnt p{font-size: 1.125rem; line-height: 2.125rem; font-family: 'Noto Sans Arabic', sans-serif; color: #4E5D65;} /*------2-2b-tm-left-side-image-right-text-module-----------*/ .ip3-arabic .fw-text-image-wrapper.ten-column-wrapper .fw-ti-inner-box{ direction: rtl;} .ip3-arabic .fw-text-image-wrapper.ten-column-wrapper .fw-ti-inner-box h2 {color: #4E5D65;} .ip3-arabic .fw-text-image-wrapper.ten-column-wrapper .fw-ti-inner-box .bodyhelv.cc-body-copy p { line-height: 2.125rem; font-size: 1.125rem; font-family: 'Noto Sans Arabic', sans-serif; } /*--------2-5-Stats-Module-------css-with-given-check-box----------*/ .arabic-stats-wrap .fw-stats-box { display: /*inline-block;*/table-cell; margin-left: 15px; margin-right: 15px; max-width: 100%; text-align: center; } .arabic-stats-wrap .fw-stats-box .fw-stats-left{max-width:100%;} .arabic-stats-wrap .fw-stats-right{font-size: 1.125rem !important; line-height: 2.125rem !important; font-family: 'Noto Sans Arabic', sans-serif; color: #4E5D65; /*height: 310px;*/ } /*-----------Module-2-3-Signpost-Css---------*/ .ip3-arabic .three-signpost-wrapper-inner .related-content-title h3.h2 { font-size: 2.75rem !important; line-height: 3.375rem !important;padding: 0 0 23px; font-weight: 700 !important; font-family: "Noto Sans Arabic", sans-serif !important; } .ip3-arabic .three-signpost-wrapper-inner .related-content-title{text-align: center; width: 100%;} .ip3-arabic .three-signpost-wrapper-inner .related-content-title h2{ font-size: 2.75rem; line-height: 3.375rem;font-weight:700;} .ip3-arabic .three-signpost-wrapper-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; } .ip3-arabic .double-signpost-wrapper-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; /* margin: 0 -15px; */ width: 100%; } .ip3-arabic article.double-signpost { border: solid 1px #dfdfdf; border-top: 0; position: relative; border-top: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; background: #fff; flex: 0 0 calc(50% - 15px); -webkit-box-flex: 0 0 calc(50% - 15px); -moz-box-flex: 0 0 calc(50% - 15px); -webkit-flex: 0 0 calc(50% - 15px); -ms-flex: 0 0 calc(50% - 15px); width: calc(50% - 15px); } .ip3-arabic article.double-signpost:before { position: absolute; content: ''; background: rgba(30, 54, 67, 0.40); width: 100%; height: 100%; display: block; z-index: 0; } .ip3-arabic .ds-image img { width: 100%; min-height: 418px; object-fit: cover; object-position: center; } .ip3-arabic .ds-content { padding: 35px 23px 35px 23px;/*35px 75px 45px 50px;*/ background: #fff; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; display: flex; vertical-align: middle; position: absolute; width: 100%; height: 100%; top: 0; background: transparent; left: 0; right: 0; bottom: 0; flex-direction: column; justify-content: center; text-align: center; } .ip3-arabic article.double-signpost .ds-content * { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; color: #fff; } .ip3-arabic .ds-content .alert-icon { width: 20%; margin: 0 auto; } .ip3-arabic .ds-content .alert-icon .icon-rss { height: 75px; width: 75px; /*border: 4px solid #FA4692;*/ display: inline-block; /*position: relative;*/ /*border-radius: 50%;*/ font-size: 0; line-height: 0; background-image: url(/~/media/Images/R/Rolls-Royce/arabic/related-links-icon-arabic.jpg); background-size: cover; background-repeat: no-repeat; } .ip3-arabic article.double-signpost .ds-content * { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; color: #fff; } /*.ip3-arabic .icon-rss:before { content: "\eee9"; }*/ .ip3-arabic .ds-content a.fw-para-link{ float: none; border: 2px solid #ffffff; border-radius: 50px; background: linear-gradient(to right, #ffffff 50%, transparent 0%); background-size: 202% 98%; background-position: right bottom; text-align: center; color: #fff; margin-top: 0; font-size: 1.125rem; line-height: 2.375rem; font-family: 'Noto Sans Arabic', sans-serif !important; font-weight: 600 !important; display: inline-block; /*padding: 19px 25px 20px 25px;*/ padding: 6px 27px; text-transform: uppercase; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .ip3-arabic .double-signpost-wrapper-inner a.fw-para-link { position: static !important;margin-top: 0; } .ip3-arabic .double-signpost-wrapper-inner a.fw-para-link:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ip3-arabic .ds-content a.fw-para-link:after{ font-size: 1em !important; top: 2px !important; color: #ffffff !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;display: inline-block; margin-left: 10px; float:right; top: 0px !important; position: relative; content: /*"\e311";*/none; font-family: new-icomoon;} .ip3-arabic article.double-signpost:hover { border-bottom: 1px solid #00bfbd; border-top: 0; background: #00bfbd; } .ip3-arabic .double-signpost:hover .ds-content { background: #10069f; } .ip3-arabic .ds-content a.fw-para-link:hover{ background-position: left bottom; color: #10069f !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .ip3-arabic .ds-content a.fw-para-link:hover:after{color: #10069f !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .ip3-arabic .three-signpost-wrapper-inner .double-signpost-wrapper-inner .ds-content h4{font-size: 1.875rem;line-height: 2.875rem;font-family: 'Noto Sans Arabic', sans-serif !important;} .ip3-arabic .ds-content .font18.mixlight p{ font-size: 1.125rem;line-height:2.125rem;font-family: 'Noto Sans Arabic', sans-serif; padding-bottom: 18px;} .ip3-arabic .ds-content .font18.fw-para-text{margin-top:0;} /*--------Footer-Css-Starts------------*/ .footer-arabic-wrap .fw-box4, .footer-arabic-wrap .fw-box3, .footer-arabic-wrap .fw-box2, .footer-arabic-wrap .fw-box1{direction: rtl;} .footer-arabic-wrap .fw-box2{margin-left: 0;} .footer-arabic-wrap .fw-box1{float: right;} .footer-arabic-wrap .fw-ftr-logo-copy, .footer-arabic-wrap .footer-logo, .footer-arabic-wrap .copy-text{float: right;} .footer-arabic-wrap .footer-logo{margin-right: 0;margin-top: 23px;} .footer-arabic-wrap .copy-text{direction: rtl;padding-right: 23px; padding-top: 39px;} .footer-arabic-wrap .fw-ftr-links{float: left; margin-top: 39px;} .footer-arabic-wrap .fw-ftr-logo-copy{margin-top:0px;} .footer-arabic-wrap .ftr-stay-in-touch span:first-child{margin-left: 13px;margin-right: 0;display: inline-block;} .footer-arabic-wrap .ftr-ttl{line-height:1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#ffffff;opacity: 0.6;} .footer-arabic-wrap .ftr-social{margin-bottom:54px;/*44px;*/margin-top:23px;/*18px;*/} .footer-arabic-wrap .ftr-social li:first-child, .footer-arabic-wrap .ftr-social li{padding-left: 24px;} .footer-arabic-wrap .ftr-social li:last-child{padding-left:0;} .footer-arabic-wrap .ftr-stay-in-touch{margin-top:23px;/*20px;*/} .footer-arabic-wrap .ftr-stay-in-touch p{padding-bottom:16px;line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;} .footer-arabic-wrap .ftr-stay-in-touch p:last-child{padding-bottom:0;} .footer-arabic-wrap .fw-box3 ul:first-child li:first-child a {padding-bottom: 23px;/*12px;*/color: #ffffff;opacity: 0.6;line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;} .footer-arabic-wrap .fw-box3 ul li a{padding:0 0 16px;/*10px;*/line-height: 1.875rem;font-family: 'Noto Sans Arabic', sans-serif;} .footer-arabic-wrap .fw-box3 ul:first-child{padding-top:0;} .footer-arabic-wrap .fw-box3 ul{padding-top:4px;} .footer-arabic-wrap .fw-box3 ul li:first-child a{padding-bottom:23px;/*12px;*/line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;} .footer-arabic-wrap .fw-box2 ul li:first-child{line-height: 1.5rem;font-family: 'Noto Sans Arabic', sans-serif;color:#ffffff;opacity:0.6;padding-bottom: 23px;/*7px;*/} .footer-arabic-wrap .fw-box2 ul li a {padding: 0 0 16px 0;line-height: 1.875rem;font-family: 'Noto Sans Arabic', sans-serif;} .footer-arabic-wrap .fw-box1 > p:first-child {font-size: 1.5rem;line-height: 1.75rem;font-family: 'Noto Sans Arabic', sans-serif;font-weight:500 !important;padding-bottom:51px;} .footer-arabic-wrap .fw-box1 > p{padding-top:0;font-family: 'Noto Sans Arabic', sans-serif;font-size:1.125rem;line-height:1.625rem;} .footer-arabic-wrap .fw-ftr-links li, .footer-arabic-wrap .copy-text p{line-height: 1.125rem;font-family: 'Noto Sans Arabic', sans-serif;letter-spacing: 0;} .footer-arabic-wrap #auto-top-link{bottom: 110px;} /*----------------Media-Query----------*/ @media all and (max-width: 767.98px){ #arabic h1, #arabic .h1, .ip3-arabic h1, .ip3-arabic .h1{ font-size: 2.125rem; line-height:2.125rem;} #arabic h2, #arabic .h2, .ip3-arabic h2, .ip3-arabic .h2{ font-size: 1.875rem; line-height: 2.25rem;} #arabic h3, #arabic .h3, .ip3-arabic h3, .ip3-arabic .h3{ font-size: 1.375rem !important; line-height: 1.625rem !important;} #arabic h4, #arabic .h4, .ip3-arabic h4, .ip3-arabic .h4{ font-size: 1.125rem; line-height: 1.375rem;} #arabic h5, #arabic .h5, .ip3-arabic h5, .ip3-arabic .h5{ font-size: 1rem; line-height: 1.375rem;} #arabic .font24, .ip3-arabic .font24{font-size:1.25rem; line-height:1.5rem;} #arabic .font18, .ip3-arabic .font18{font-size:1rem; line-height:1.5rem;} #arabic .font16, .ip3-arabic .font16{font-size:0.875rem; line-height:1.3125rem;} #arabic .top-content.font24 p, .ip3-arabic .top-content.font24 p{font-size:1.125rem;line-height:1.625rem;} .ip3-arabic .three-signpost-wrapper-inner .related-content-title h2{font-size: 1.875rem; line-height: 2.25rem;} article.double-signpost {-webkit-box-flex: 0 0 100%;-moz-box-flex: 0 0 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100% !important;margin-bottom:15px;} .ip3-arabic .three-signpost-wrapper-inner{display:block;} #arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold, .ip3-arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold, #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl h2, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-wi th-ttl h2, #arabic .eight-column-wrapper.centered h2.font30.fw-section-ttl.mixbold, .ip3-arabic .eight-column-wrapper.centered h2.font30.fw-section-ttl.mixbold{font-size: 1.875rem;line-height: 2.25rem;} .ip3-arabic .three-signpost-wrapper-inner .related-content-title h3.h2 { font-size: 1.875rem !important; line-height: 2.25rem !important;} #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl h2, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-wi th-ttl h2, #arabic .video-with-ttl .textWhite.video-only-ttl, .ip3-arabic .video-with-ttl .textWhite.video-only-ttl{position: absolute;bottom: 144px;font-size: 1.875rem;line-height: 2.25rem;} #arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3{font-size: 1.375rem;line-height: 1.625rem;} .ip3-arabic .three-signpost-wrapper-inner .double-signpost-wrapper-inner .ds-content h4{font-size: 1.125rem;line-height: 1.375rem;} #arabic .main-modular-landing.new-site-fw .fw-intro-text p, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text p{ font-size: 1.125rem;line-height: 1.5rem;} #arabic #mSearchButtonContainer, .ip3-arabic #mSearchButtonContainer{right:auto;left:50px;} .main-modular-landing .fw-para-text table.rad-tablestyle1 {width:100%;} } @media all and (max-width: 991.98px){ .arabic-head #top-left.col-md-11{ float: left;} .arabic-head #headerwrapper {padding: 10px 0;} .footer-arabic-wrap .fw-box2, .footer-arabic-wrap .fw-box3{padding-top:30px;} .footer-arabic-wrap .fw-box1{padding-top: 14px;} .footer-arabic-wrap .fw-box4{padding-top:0;} .ip3-arabic .fw-text-image-wrapper.img-rt {display:block;} .ip3-arabic .fw-text-image-wrapper{max-width:100%;} .arabic-stats-wrap .fw-stats-box{display:inline-block; margin-bottom: 25px;} #arabic .home-content-fw-inner.White, .ip3-arabic .home-content-fw-inner.White{margin-right:20px;} /*-------header-mmenu------*/ #arabic .mob-menu-wrap.mm-menu.mm-current ul#mm-0, .ip3-arabic .mob-menu-wrap.mm-menu.mm-current ul#mm-0, #arabic ul#mm-1, .ip3-arabic ul#mm-1, #arabic ul#mm-2, .ip3-arabic ul#mm-2{direction:rtl;} /*#arabic .mm-menu .mm-list > li > a.mm-subopen:after,*/ #arabic .mm-menu .mm-list > li > a.mm-subopen:before, .ip3-arabic .mm-menu .mm-list > li > a.mm-subopen:before{border-right: medium none;border-bottom: medium none;left: 52px;} #arabic .mm-list > li > a, #arabic .mm-list > li > span, .ip3-arabic .mm-list > li > a, #arabic .mm-list > li > span{font-size: 1.3125rem;line-height: 1.5rem;letter-spacing: 0.6px;color: #10069F;font-family: 'Noto Sans Arabic', sans-serif;padding: 10px 50px 10px 10px;margin-left: 50px;} #arabic .mm-list li.mmenu-section-head, .ip3-arabic .mm-list li.mmenu-section-head, .ip3-arabic .mm-list > li > span{font-size: 1.3125rem;line-height: 1.5rem;letter-spacing: 0.6px;color: #FA4692;font-family: 'Noto Sans Arabic', sans-serif;} #arabic .mm-list a.mm-subopen::after, .ip3-arabic .mm-list a.mm-subopen::after{position: absolute;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);right: auto;left: 50px;} #arabic .mm-list > li.haschildren > a, .ip3-arabic .mm-list > li.haschildren > a{margin-right:0;} #arabic .mm-list a.mm-subopen + a, #arabic .mm-list a.mm-subopen + span, .ip3-arabic .mm-list a.mm-subopen + a, .ip3-arabic .mm-list a.mm-subopen + span { margin: 0; padding-right: 50px; } .ip3-arabic .mm-list > li > span{padding-right: 50px;padding-left: 10px;} #arabic #msearchTextboxContainer input, .ip3-arabic #msearchTextboxContainer input{float: right;direction: rtl; padding: 5px 50px 5px 30px;} #arabic #mSearchButtonContainer:before, .ip3-arabic #mSearchButtonContainer:before{right: 50%;transform: translate(-50%);text-align: left;} #arabic #headerlinksmobi > ul > li > a > span::after, .ip3-arabic #headerlinksmobi > ul > li > a > span::after{left: 45px;right: auto;} #arabic #mheaderlinks, .ip3-arabic #mheaderlinks{text-align: right;} #arabic .mm-list a.mm-subclose:before, .ip3-arabic .mm-list a.mm-subclose:before{left: auto;right: 115px;} #arabic #headerlinksmobi > ul > li > a, .ip3-arabic #headerlinksmobi > ul > li > a{padding: 0 50px 0 30px;} #arabic #headerlinksmobi > ul > li.globalactive > a, .ip3-arabic #headerlinksmobi > ul > li.globalactive > a{padding: 0 30px 0 30px;} #arabic #headerlinksmobi > ul > li > a span, .ip3-arabic #headerlinksmobi > ul > li > a span{font-family: 'Noto Sans Arabic', sans-serif !important;} } @media all and (min-width: 767.98px) and (max-width: 1023.98px){ #arabic h1, #arabic .h1, .ip3-arabic h1, .ip3-arabic .h1{ font-size: 3.125rem; line-height:3.125rem;} #arabic h2, #arabic .h2, .ip3-arabic h2, .ip3-arabic .h2{ font-size: 2.5rem; line-height: 2.875rem;} #arabic h3, #arabic .h3, .ip3-arabic h3, .ip3-arabic .h3{ font-size: 1.5rem !important; line-height: 2.125rem !important;} #arabic h4, #arabic .h4, .ip3-arabic h4, .ip3-arabic .h4{ font-size: 1.125rem; line-height: 1.375rem;} #arabic h5, #arabic .h5, .ip3-arabic h5, .ip3-arabic .h5{ font-size: 1rem; line-height: 1.375rem;} #arabic .font24, .ip3-arabic .font24{font-size:1.25rem; line-height:1.875rem;} #arabic .font18, .ip3-arabic .font18{font-size:1rem; line-height:1.5rem;} #arabic .font16, .ip3-arabic .font16{font-size:0.875rem; line-height:1.3125rem;} #arabic .button, .ip3-arabic .button{font-size:1.125rem; line-height:2.375rem;} /*#arabic a, .ip3-arabic a{font-size:1rem;line-height:1rem;}*/ #arabic .top-content.font24 p, .ip3-arabic .top-content.font24 p{font-size:1.25rem;line-height:1.875rem;} .footer-arabic-wrap .fw-ftr-links{margin-top: 5px;margin-bottom: 10px;} .ip3-arabic .three-signpost-wrapper-inner .related-content-title h2{font-size: 2.5rem; line-height: 2.875rem;} #arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold, .ip3-arabic .main-modular-landing.new-site-fw .eight-column-wrapper.centered h2.font40.mixbold, #arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-with-ttl h2, .ip3-arabic .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt .video-wi th-ttl h2, #arabic .main-modular-landing.new-site-fw h2, .ip3-arabic .main-modular-landing.new-site-fw h2{ font-size: 2.5rem;line-height: 2.875rem;} .ip3-arabic .three-signpost-wrapper-inner .related-content-title h3.h2 { font-size: 2.5rem !important; line-height: 2.875rem !important;} #arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text > p.h3{font-size: 1.5rem;line-height: 2.125rem;} .ip3-arabic .three-signpost-wrapper-inner .double-signpost-wrapper-inner .ds-content h4{font-size: 1.125rem;line-height: 1.375rem;} #arabic .main-modular-landing.new-site-fw .fw-intro-text p, .ip3-arabic .main-modular-landing.new-site-fw .fw-intro-text p{ font-size: 1.25rem;line-height: 1.875rem;} } @media all and (max-width: 1399.98px){ .ip3-arabic .img-rt .fw-ti-inner-box.img_on_rhs_text_wrap {max-width: /*497px;*/100%;} } /*@media all and (max-width: 1170px){ #arabic .home-content-fw-inner.White, .ip3-arabic .home-content-fw-inner.White{width:100vw:right:20%;max-width:1400px;} }*/ /*---- aftermarket-----*/ /*#inner-map-landing{height:1024px;}*/ .AftermarketTabs.White{background:#fff} .AftermarketTabs.add-margin-top.add-bottom-margin{padding-bottom:100px} @media all and (max-width:1400px) and (min-width:992px){ .AftermarketTabs.add-margin-top.add-bottom-margin{padding-bottom:70px} } @media all and (max-width:991px) and (min-width:768px){ .AftermarketTabs.add-margin-top.add-bottom-margin{padding-bottom:50px} } @media all and (max-width:767px){ .AftermarketTabs.add-margin-top.add-bottom-margin{padding-bottom:40px} } .section.sections-wrap .new-country-site-section.White.aftermarket-progressive-disclosure.margin-bottom-zero{padding-bottom:0;} .aftermarket-progressive-disclosure .pd-snapdown-item.pd-first-snap{margin-top:55px;} /* .pd-box-snapdown-content-right{padding-top:63px !important;} */ .ip3-edit .mapContent .ColorTitle{color:#004990;margin-bottom: 10px; margin-top: 20px;} .ip3-edit .mapContent{ padding: 50px;} .ip3-edit .map-content{ text-align: center; margin: 0 auto;} .ip3-edit .map-content .mapSubHeading { font-size: 24px; color: #4e5d65; line-height: 36px; max-width: 60%; margin: 0 auto; margin-bottom: 45px;} .ip3-edit .map-content .mapDescription { font-size: 18px; line-height: 28.8px; font-family: Helvetica Neue, Helvetica, arial; color: #4e5d65; max-width: 60%; margin: 0 auto;} .ip3-edit .map-content .mapHeading{font-size: 30px;color: #004990;line-height: 36px;margin-bottom: 45px;font-weight: normal;} .ip3-edit .ss-products{ padding-top: 40px;color: #004990;} #fwContentWrapper .AftermarketTabs .tabs-with-icon .desk-tab-with-icon.tabs li { width: 25%;} .ip3-edit .AftermarketTabs .fw-dataviz-map{margin-top: 94px;} #fwContentWrapper .AftermarketTabs .fw-tabbed-wrap .desk-tab-with-icon.tabs li a, #fwContentWrapper .AftermarketTabs .fw-tabbed-wrap .desk-tab-with-icon.tabs li a:hover span{ color: inherit;} .AftermarketTabs tbody tr:first-child td{border-top: 0; background: #f7f7f7; padding: 0; font-size: 0; line-height: 0; border-bottom: 0 !important;} .AftermarketTabs .icon-information-button:before{font-size: 11px;} .icon-information-button{padding-left: 6px;} .AftermarketTabs .product-item-inner img { transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .AftermarketTabs .product-item-inner > a:hover img { transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); } table.OtherTableSpace.services-solutions thead th.CareServPad{padding-bottom:4px;} .AftermarketTabs tr.last-row.marker-end .hiddendiv{ bottom: 10%;} /*.ie9 .AftermarketTabs .info:after, .AftermarketTabs td.opened .info.active:after{margin-top:0; top:0;}*/ .AftermarketTabs tr.last-row .hiddendiv { bottom: 0; top: auto;} .AftermarketTabs .fixedGrey{background-color:#eee !important;} /*.services-solutions{font-size:1.357em;line-height:1.263em; color:#ffffff;background:#00afd5;text-align: center;padding: 24px 9px 4px;}*/ table.OtherTableSpace.services-solutions thead th{padding: 24px 9px;vertical-align: middle;} .AftermarketTabs table.services-solutions tr.marker-end.fixedWhite td{border-bottom:none;} .AftermarketTabs .tab-list.tabs-with-icon{margin: 0 auto 25px;} .section.sections-wrap .new-country-site-section.AftermarketTabs.margin-top-zero { margin-top:0;} .AftermarketTabs .info:after{background:url(/~/media/Images/R/Rolls-Royce/css/info.png) no-repeat;content: ''; position:absolute; height: 12px; width: 12px; float: right; /* vertical-align: middle bottom:0;; */ } .AftermarketTabs td.opened .info.active:after{background:url(/~/media/Images/R/Rolls-Royce/css/info-active.png) no-repeat;content: ''; position:absolute; height: 12px; width: 12px; float: right; /* vertical-align: middle; */ } .AftermarketTabs .table-link a:before{ margin-bottom: 15px; background: url(/~/media/Images/R/Rolls-Royce/css/user.png) no-repeat; content: ''; height: 20px; width: 20px; float: left; left: 15px; display: block; position: absolute; top: 50%; margin-top: -10px; vertical-align: middle; /* padding-top: 7px; */} .AftermarketTabs .info{ /*position: relative; */ bottom:0; /* text-indent: -9999px; */ font-size: 0; height: 12px; margin-left: 6px; width: 12px; display: inline-block;} .AftermarketTabs .pd-make-center .pd-box-snapdown-content{padding-top:20px;} .pd-box-snapdown-content.add-bottom-margin {margin-bottom:50px} .aftermarket-progressive-disclosure .pd-make-center-two.pd-make-center .pd-box-snapdown-click:first-child{ float: none; left: auto; position: relative; right: auto;margin-top:-200px;} .AftermarketTabs .marker{background: #eeeeee;} .hidden-popup{display:none;} .AftermarketTabs .marker-end.white, .AftermarketTabs .fixedWhite{background:#f7f7f7 !important;} .services-solutions tr:nth-child(even) { background: #eeeeee;} .services-solutions tr td{background:transparent;border:none;} .services-solutions {position:relative;} .PosAbs, .PosAbsHide{left:auto !important;} .AftermarketTabs .scroll-table-container{margin-bottom:0;} .AftermarketTabs table.services-solutions tr.marker-end td { padding-bottom: 10px; border-bottom: 10px solid #f7f7f7;} .AftermarketTabs .marker > td:first-child {background-color:#eeeeee;vertical-align: top; font-size: 1.286em; line-height: 1.333em !important;padding: 15px 15px;border-right: 10px solid #f7f7f7;border-bottom: 10px solid #f7f7f7;} /*.AftermarketTabs .services-solutions tbody:before { content: ''; display: block; color: transparent; height: 15px;}*/ .AftermarketTabs .marker-end{ background: #eeeeee;} .AftermarketTabs table.services-solutions {border-collapse: separate; margin-bottom: 25px;} .AftermarketTabs table.services-solutions tr td{padding:7px 9px 9px;} .aftermarket-progressive-disclosure.sub-section.new-country-site-section{margin-top:90px;} .aftercareBoxes{margin-bottom:25px;} table.services-solutions thead th{font-size:1.29em; line-height:1.263em; color:#ffffff;background:#006dff;text-align: center;padding: 24px 9px 4px; border: 1px solid #006dff;} /*table.services-solutions tr td:first-child{line-height: 1.875em;}*/ .core-item{ margin: 0 auto; text-indent: -9999px; display: block; width: 13px; height: 13px; background: #4e5d65; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 6.5px; text-align: center;} .aftermarket-progressive-disclosure .pd-box-snapdown-click{float:left; max-width: 32.8%;background:#fff; left: 33.55%;min-height:200px; } .aftermarket-progressive-disclosure .pd-box-snapdown-click.last{ left: auto; margin-right: 0px; right:0;} .aftermarket-progressive-disclosure .pd-box-snapdown-click .pd-box-text{max-width: none;width: 100%;} .AftermarketTabs .left-solution{ padding-top: 15px;padding-right: 18px;padding-left: 18px; /*line-height:1.286em;*/ line-height:28.81px; /*font-size:1.601em;*/font-size:18px; width: 13.5%; float: left; padding-bottom: 999px; display: table-cell; word-wrap: break-word; margin-bottom: -999px; background-color: #eeeeee;} .AftermarketTabs .right-solution{display: table; padding-bottom: 37px; margin-left: 5px; position: relative; float: left; width: 86%;} .solutions-wrapper{overflow:hidden;} .solutions-wrapper tr:nth-child(odd) { background: #eeeeee;} .solutions-wrapper tr td{background:transparent;} .option-item{ margin: 0 auto; text-indent: -9999px; display: block; background: transparent; border-radius: 50%; content: ""; height: 13px; width: 13px; border: 2px solid #10069f;} .hidden-solutions{display:none;} .PosAbs,.PosAbsHide{ color:#10069f;/* font-size: 1.143em;*/line-height:1em; cursor:pointer; /*position: absolute;*/ bottom: 0;left: 20px; font-weight: 400;} .aftermarket-progressive-disclosure .pd-box-snapdown-click:first-child{ left: 0;} .AftermarketTabs .services-solutions tr td{font-size: 1.143em;line-height:20px;vertical-align: middle; white-space: nowrap;} .right-solution tr td:first-child{width:23%;padding-left: 20px;position: relative;} .PosAbs .icon-chevron-right{color:#fa4692;} .right-solution tr td{padding:0;vertical-align: middle;display: table-cell;} .services{margin-bottom:0;} .PosAbsHide{display:none;} .AftermarketTabs table.services-solutions thead th .totalCare { margin-top: 20px; display: inline-block;} .AftermarketTabs table.services-solutions thead th .totalCare.second{margin-left: 30px;margin-right: 30px;} .AftermarketTabs .CoreOption, .ip3-edit .CoreOption{float: right;background: #eeeeee;padding: 5px 15px 3px;margin-bottom: 35px;} .AftermarketTabs .CoreOption > div, .ip3-edit .table-notes .CoreOption > div { float: left;} .AftermarketTabs .key, .ip3-edit .table-notes .key{color:#10069f; font-size:1.357em;line-height:1.516em; font-weight: 400;} .CoreItem, .OptionalItem, .ip3-edit .table-notes .OptionalItem, .ip3-edit .table-notes .CoreItem{font-size:1.143em;text-transform:uppercase; line-height:1.801em;font-weight: 400; color:#4e5d65;padding-left:30px;} .AftermarketTabs .OptionalItem{color:#10069f;} .AftermarketTabs .CoreItem:after, .ip3-edit .table-notes .CoreItem:after {margin-left: 10px; display: inline-block; width: 13px;height: 13px; background: #4e5d65; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;content: '';} .AftermarketTabs .OptionalItem:after, .ip3-edit .table-notes .OptionalItem:after {margin-left: 10px; display: inline-block; width: 13px;height: 13px; background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;content: '';border: 2px solid #10069f;} .AftermarketTabs .totalCare{padding-top: 16px;} .AftermarketTabs .icon-cross{color: #b1c1c8; right: -5px; top: 2px; position: relative;} .AftermarketTabs .PosAbs .icon-chevron-right{ top: 2px; position: relative;} .AftermarketTabs{background:#f7f7f7;} .AftermarketTabs .tabs.desk-tab-with-icon:before { content: ''; display: block; position: absolute; margin-top: -20px; left: -100%; padding-left: 99999px; background-color: #fff; width: 100%; height: 100%;} .AftermarketTabs .tabs.desk-tab-with-icon{position:relative;} /*==========Popup==========*/ table.services-solutions tr td .hiddendiv{white-space: normal;display: none;position: absolute;height:auto;width: auto;/*top: -20px;*/ top:-70px; background-color: #fff;width: 453px;z-index:99;-webkit-box-shadow: 1px 9px 5px 3px rgba(0,0,0,0.1);-moz-box-shadow: 1px 9px 5px 3px rgba(0,0,0,0.1);box-shadow: 1px 9px 5px 3px rgba(0,0,0,0.1);left: 100%; font-size: 16px;} table tr{position:relative;} .icon-information-button{ cursor: pointer;} td.opened{ position: relative;} td.opened .icon-information-button{ color: #004990; cursor: default;} #close-section{position: absolute; cursor: pointer; z-index: 10; right:0px;top:0px; width: 50px; height: 50px; font-size: 0;} #close-section:before, #close-section:after{content: "";display: block; height: 27px; width: 3px; background: #b1c1c8; position: absolute;top: 12px;left: 23px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #close-section:after{ left: 23px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .hidden-popup{padding: 30px 45px 10px 30px;line-height:1.500em;} .AftermarketTabs .tableLink{ width: 33%; margin: 10px auto 0;} .AftermarketTabs .table-link{border:1px solid #004990; position: relative;} .AftermarketTabs .table-link a{text-decoration: none; padding:10px 50px;display:block;} .AftermarketTabs .table-link:hover{background-color:#004990;} .AftermarketTabs .table-link:hover a, #fwContentWrapper .AftermarketTabs .table-link:hover a{color:#fff;} .AftermarketTabs .table-link:hover a:before{ background: url(/~/media/Images/R/Rolls-Royce/css/user-hover.png) no-repeat; content: ''; height: 20px; width: 20px; left: 15px; display: block; position: absolute; top: 50%; margin-top: -10px; float: left; vertical-align: middle; /* padding-top: 7px; */ } /*Related Products=======*/ .services-product-title{color:#004990;} .AftermarketTabs .show-3-8-filter{top:5px; right:0;} .AfterMArketProducts{position:relative;} .AftermarketTabs .module-aerospace-rp .product-module-section .fw-sld-wrapper{position: static;} .AftermarketTabs .services-product-title{padding-bottom: 65px;} .AftermarketTabs .pd-fw-ttl-wrapper + .pd-box-wrapper.clearfix{min-height:200px;} .AftermarketTabs .pd-box-snapdown-content {padding-top: 63px; padding-bottom:0;} .AftermarketTabs .pd-box-snapdown-content .pd-snapdown-item.pd-first-snap { border-top: 1px solid #e8e8e8;} .AftermarketTabs .pd-box-snapdown-content .pd-snapdown-item { border-bottom: 1px solid #e8e8e8;} .AftermarketTabs .fw-sld-wrapper .slick-list{margin-bottom: 100px;} @media all and (max-width: 1399px){ .AftermarketTabs .fw-sld-wrapper .slick-list{margin-bottom: 85px;} table.services-solutions tr td .hiddendiv{font-size:14px;} .aftermarket-progressive-disclosure.sub-section.new-country-site-section{margin-top:60px} .section.sections-wrap .new-country-site-section.services-solution-section{margin-top:70px;} /*.aftercareBoxes{ margin-bottom: 10px;}*/ table.services-solutions thead th {font-size: 1.214em; } .AftermarketTabs .pd-box-snapdown-content { padding-top: 35px;} .AftermarketTabs .marker > td:first-child{font-size: 1.143em;} .AftermarketTabs .services-solutions tr td{font-size: 1em;} .services-solution-table-module-section .fw-sld-wrapper .slick-list{margin-bottom: 85px;} .services-solution-table-module-section .pd-box-snapdown-content { padding-top: 35px;} .services-solution-table-module-section .marker > td:first-child{font-size: 1.143em;} .services-solution-table-module-section .services-solutions tr td{font-size: 1em;} } @media all and (max-width: 1024px){ .section.sections-wrap .new-country-site-section.fw-dataviz-map + script + .module-aerospace-rp { margin-bottom: 0; /*margin-top: 70px;*/ } } @media all and (max-width: 991px){ .AftermarketTabs .table-link a:before, .AftermarketTabs .table-link:hover a:before{bottom: 50%;} .aftermarket-progressive-disclosure .pd-make-center-two.pd-make-center .pd-box-snapdown-click:first-child{margin-top:auto;} /* .AftermarketTabs .info:after, .AftermarketTabs td.opened .info.active:after{margin-top:-3px;}*/ /*.AftermarketTabs .table-link a:before{margin-top:0;}*/ .aftermarket-progressive-disclosure .pd-box-snapdown-click{ left:auto; max-width: none; width: 100%;} .AftermarketTabs .tableLink {width: 100%;} .AftermarketTabs .left-solution{width:13%;} .AftermarketTabs .pd-box-snapdown-content { padding-top: 25px;} .aftermarket-progressive-disclosure .pd-box-snapdown-click{margin-bottom: 35px;} .aftermarket-progressive-disclosure.sub-section.new-country-site-section{margin-top:40px;} .section.sections-wrap .new-country-site-section.services-solution-section{margin-top:50px;} .section.sections-wrap .new-country-site-section.fw-dataviz-map + script + .module-aerospace-rp {/*margin-top:70px;*/ margin-bottom:0;} .section.sections-wrap .new-country-site-section.AftermarketTabs{margin-bottom:0;} .aftermarket-progressive-disclosure .pd-box-snapdown-click.last{margin-bottom:0;} .AftermarketTabs .services-product-title { padding-bottom: 30px;} .services-solution-table-module-section .tableLink {width: 100%;} .services-solution-table-module-section .left-solution{width:13%;} .services-solution-table-module-section .pd-box-snapdown-content { padding-top: 25px;} .services-solution-table-module-section .services-product-title { padding-bottom: 30px;} } @media all and (min-width: 991px){ .AftermarketTabs .pd-box-wrapper.clearfix{padding-top:200px;} .aftermarket-progressive-disclosure .pd-make-center-two .pd-box-snapdown-click:first-child {left: 16.83%;} .aftermarket-progressive-disclosure .pd-make-center-two .pd-box-snapdown-click {left: 50.33%;} } @media all and (min-width:992px) and (max-width:1024px){ .AftermarketTabs .info{bottom:0px;} /*.safari .AftermarketTabs .info:after, .safari .AftermarketTabs td.opened .info.active:after{margin-top:-3px;}*/ } @media all and (min-width:768px) and (max-width:991px){ table.services-solutions tr td .hiddendiv{width:380px;} /*.AftermarketTabs .table-link a:before, .AftermarketTabs .table-link:hover a:before{bottom: 50%;}*/ } @media all and (max-width:767px){ /*#inner-map-landing{height:auto;}*/ .AftermarketTabs tr.last-row td:first-child .hiddendiv{top: auto; bottom: 100%;} table.services-solutions tr td:first-child .hiddendiv { top:50%; left: 50%; width: 400px;} .AftermarketTabs table.services-solutions{ margin-bottom: 5px;} .AftermarketTabs tr.last-row td .hiddendiv{top:auto; bottom:100%;} table.services-solutions tr td .hiddendiv{ width: auto; left: -50%; top:100%;} .AftermarketTabs table.services-solutions{min-width: 990px;} .table-notes .CoreOption .CoreItem, .table-notes .CoreOption .OptionalItem{clear: left; padding-left: 0;} .AftermarketTabs .CoreOption{padding-left:7px; float: left; clear: left; width: 100%;} .AftermarketTabs .pd-box-snapdown-content { padding-top: 20px;} .aftermarket-progressive-disclosure .pd-box-snapdown-click{margin-bottom: 25px;} .section.sections-wrap .new-country-site-section.services-solution-section{margin-top:40px;} .section.sections-wrap .new-country-site-section.fw-dataviz-map + script + .module-aerospace-rp {/*margin-top:60px;*/} .aftermarket-progressive-disclosure.sub-section.new-country-site-section{margin-top:30px;} .AftermarketTabs .services-product-title { padding-bottom: 30px;} .services-solution-table-module-section tr.last-row td:first-child .hiddendiv{top: auto; bottom: 100%;} .services-solution-table-module-section table.services-solutions{ margin-bottom: 5px;} .services-solution-table-module-section tr.last-row td .hiddendiv{top:auto; bottom:100%;} .services-solution-table-module-section table.services-solutions{min-width: 990px;} .services-solution-table-module-section .CoreOption{padding-left:7px; float: left; clear: left; width: 100%;} .services-solution-table-module-section .pd-box-snapdown-content { padding-top: 20px;} .services-solution-table-module-section .services-product-title { padding-bottom: 30px;} .services-solution-table-module-section {padding-left: 15px; padding-right: 15px;} } @media all and (min-width:640px) and (max-width:767px){ .AftermarketTabs .table-link:hover a:before, .AftermarketTabs .table-link a:before{margin-top:0;} /*#inner-map-landing{height:auto;}*/ } /* @media(max-width: 480px) { #inner-map-landing{height:auto;} } @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) { #inner-map-landing{height:auto;} } @media all and (min-width: 667px) and (max-width: 840px) { #inner-map-landing{height:auto;} } @media all and (min-width: 721px) and (max-width: 840px) { #inner-map-landing{height:auto;} } @media all and (min-width: 921px) and (max-width: 1040px) { #inner-map-landing{height:auto;} }*/ #aftermarket-services .AftermarketTabs .eight-column-wrapper.centered { text-align: left; } #aftermarket-services .AftermarketTabs .eight-column-wrapper.centered p a.fw-para-link{ /*padding: 20px; background: #10059f; color: #ffffff;*/ } #aftermarket-services .videoGalleryModuleN .new-country-site-section.Gray{padding-bottom: 0px;} .ip3-aftermarket-services .aftermarket-progressive-disclosure.sub-section.new-country-site-section { margin-top: 0; } .services-solution-table-module-section { margin: 0 auto; max-width: 1170px; } .services-solution-table-module-section .CoreOption{float: right;background: #eeeeee;padding: 5px 15px 3px;margin-bottom: 35px;} .services-solution-table-module-section .CoreOption > div{ float: left;} .services-solution-table-module-section .key{color: #10069f; font-size: 1.357em; line-height: 1.516em; font-weight: 400;} .services-solution-table-module-section .OptionalItem {color: #10069f;} .services-solution-table-module-section .scroll-table-container { margin-bottom: 0;} .services-solution-table-module-section table.services-solutions {border-collapse: separate; margin-bottom: 25px;} .services-solution-table-module-section .marker-end { background: #eeeeee;} .services-solution-table-module-section .marker { background: #eeeeee;} .services-solution-table-module-section table.services-solutions tr td {padding: 7px 9px 9px;} .services-solution-table-module-section .services-solutions tr td {font-size: 1.143em; line-height: 20px; vertical-align: middle; white-space: nowrap;} .services-solution-table-module-section .CoreItem:after { margin-left: 10px; display: inline-block; width: 13px; height: 13px; background: #4e5d65; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ''; } .services-solution-table-module-section .OptionalItem:after { margin-left: 10px; display: inline-block; width: 13px; height: 13px; background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ''; border: 2px solid #10069f; } .services-solution-table-module-section .marker > td:first-child { background-color: #eeeeee; vertical-align: top; font-size: 1.286em; line-height: 1.333em !important; padding: 15px 15px; border-right: 10px solid #f7f7f7; border-bottom: 10px solid #f7f7f7; } .services-solution-table-module-section table.services-solutions tr.marker-end td { padding-bottom: 10px; border-bottom: 10px solid #f7f7f7; } .services-solution-table-module-section tbody tr:first-child td { border-top: 0; background: #f7f7f7; padding: 0; font-size: 0; line-height: 0; border-bottom: 0 !important; } .services-solution-table-module-section .PosAbs .icon-chevron-right { top: 2px; position: relative; } .services-solution-table-module-section .marker-end.white, .services-solution-table-module-section .fixedWhite { background: #f7f7f7 !important; } #business-aviation.ip3-aftermarket-services .tabbed-vid-img-inner .margin-top-video-player { display: block; float: none; height: 430px; position: static; top: auto; max-width: 764px; width: 100%; margin: 0 auto; } /*---- disclaimer-----*/ .disclaimerDDLCountry{width:330px;border:1px solid #c8c7cc;height:70px;line-height:60px;background:#fff url(/~/media/Images/R/Rolls-Royce/css/arrow.png) no-repeat scroll 100% 50%;outline:none;padding-left:20px;cursor:pointer;color:#4e5d65;font:400 18px "RRPioneer-Regular",Arial, sans-serif;margin-bottom:25px;-webkit-appearance:none;-moz-appearance:none;} .rights-issue-overlay {background:#fff url(/~/media/Images/R/Rolls-Royce/css/loader.gif) no-repeat scroll center;position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:9999} select.disclaimerDDLCountry::-ms-expand{display:none;} input#disclaimerAcceptButton,input#disclaimerDeclineButton{border:1px solid #10069f;background:#fff;color:#10069f;font-size:1.286em;line-height:1.445;height:70px;min-width:150px;font-family:"RRPioneer-Medium",Arial;transition:all 0.5s ease;margin-right:25px;padding:0 20px;} input#disclaimerAcceptButton:hover,input#disclaimerDeclineButton:hover{color:#fff;background:#10069f;transition:all 0.5s ease} @media (max-width:1399px){input#disclaimerAcceptButton,input#disclaimerDeclineButton{font-size:1.143em;line-height:1.5;} } @media (max-width:767px){.disclaimerDDLCountry{background-size:20%;max-width:287px;height:50px;line-height:40px;} input#disclaimerAcceptButton, input#disclaimerDeclineButton{height:50px;margin-top:20px;} } /*---- module-3-steps-----*/ .font-20{ font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; } .font-14{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .font-12{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; } .font-16{ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .font-med{ font-family:"RRPioneer-Bold",Arial; font-weight:500; } .main-modular-landing.new-site-fw .three-steps__main-title h2{ font-size: 50px; font-style: normal; font-weight: 600; line-height: 60px; letter-spacing: normal; color:#10069F; padding-bottom:24px; font-family: "RRPioneer-Regular",Arial !important; } .three-steps__main-title{ position:relative; margin-bottom:24px; } .three-steps__main-desc{ color:#141414; } .three-steps__main-title::before{ position: absolute; content: ""; width: 100%; background: #B2B2B2; height: 1px; bottom: 0; } .module-spacing-wrapper .section.sections-wrap .new-module-spacing.three-steps { background:#F7F7F7; color:#141414; padding-top:90px; padding-bottom:90px; } .three-steps .row{ display:flex; align-items:center; } .three-steps__rt-wrapper { display: flex; flex-direction: column; gap: 16px; } .three-steps__card{ display: none; justify-content: space-between; padding: 32px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.13), 0px 0.5px 1px 0px rgba(0, 0, 0, 0.10); border-radius: 10px; } .three-steps__card-lt{ flex-basis:60%; } .three-steps__card-rt{ margin-top:auto; } .three-steps__card-title { display:flex; gap:12px; } .main-modular-landing.new-site-fw .three-steps__card-rt > p:only-child, .main-modular-landing.new-site-fw .three-steps__main-desc > p:only-child{padding-bottom:0;} .main-modular-landing.new-site-fw p.three-steps__card-title {padding-bottom:10px;} .three-steps__card-time{color:#3A8CFE;display:flex;gap:7px;align-items:center;} .main-modular-landing.new-site-fw .three-steps__link-wrapper p{padding-bottom:4px;} .three-steps__app-link{ color: #0068F0; display: inline-flex; align-items: center; width: fit-content; gap: 8px; } .three-steps__app-link:focus-visible, .three-steps__regs-link:focus { outline: 2px dotted; outline-offset: 3px; } .three-steps__app-link:hover > span:first-child{ margin-right: 5px; } .three-steps__slim-banner{ background: rgba(20, 20, 20, 0.85); backdrop-filter: blur(5px); color: #fff; width: 100%; z-index: 9; display:none; opacity:0; } .three-steps__slim-banner-wrap{ max-width: 1440px; } .three-steps__slim-banner-con{ display: flex; justify-content: space-between; align-items: center; padding: 0 48px; min-height: 92px; } .main-modular-landing.new-site-fw .three-steps__slim-banner-con p{padding-bottom:0;} .three-steps__regs-link { padding: 16px 26px; line-height: 16px; font-size: 16px; min-width:fit-content; float: left; border: 2px solid #fff; border-radius: 50px; background: linear-gradient(to right, white 50%, transparent 0%); background-size: 200% 85%; background-position: right bottom; position: relative; align-items: center; color: #fff; font-family: "RRPioneer-Bold", Arial; display: inline-flex; text-transform: uppercase; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .three-steps__regs-link:hover,.three-steps__regs-link:focus-visible, .three-steps__regs-link:focus{ background-position: left bottom; color: #141414; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .three-steps__regs-link:focus-visible, .three-steps__regs-link:focus{ outline: 2px dotted white; outline-offset: 3px; } /*.three-steps__regs-link:focus,.three-steps__regs-link:active{ outline: thin dotted; }*/ /** Media Query **/ @media all and (min-width:991px){ .three-steps__card-title img { min-width: 24px; } } @media all and (max-width:1024px){ .main-modular-landing.new-site-fw .three-steps__main-desc .font-16 > p:only-child{padding-bottom:0;} } @media all and (max-width: 991.98px){ .three-steps__card{ flex-direction:column; flex-basis:100%; } .three-steps__card-title{ flex-direction:column; align-items:flex-start; } .main-modular-landing.new-site-fw .three-steps__slim-banner-con p{padding-right:20px;} } @media all and (max-width: 767.98px){ .three-steps__banner-description strong{display:none;} .main-modular-landing.new-site-fw .three-steps__slim-banner-con p{padding-bottom:20px;padding-right:0;font-size:18px;line-height:21px;} .main-modular-landing.new-site-fw .three-steps__main-title h2.h1-bold{ font-size:36px; line-height:45px; } .three-steps__card{padding: 16px;} .three-steps .row{ flex-direction:column; gap:40px; } .three-steps__rt-wrapper{ flex-wrap:wrap; flex-direction:inherit; } .three-steps__slim-banner-con{padding:12px;} .three-steps__slim-banner-con .three-steps__banner-description { padding-bottom: 0; } } .animate-cards .three-steps__card { -webkit-animation: fade-in-left .6s ease-in; animation: fade-in-left .6s ease-in; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; display: flex; } .animate-cards .three-steps__card.card-two{ animation-delay: 0.5s } .animate-cards .three-steps__card.card-three{ animation-delay: 1s } @keyframes fade-in-left { from { opacity: 0; -webkit-transform: translateX(-3rem); transform: translateX(-3rem); -webkit-filter: blur(.2ex); filter: blur(.2ex) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-filter: blur(0); filter: blur(0) } } /*---- module-faqs-and-contact-form-----*/ .faqs__rt-contact > div:not(:last-child) {padding-bottom: 10px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.faqs{color:#141414; background:transparent; padding-bottom:90px;} .faqs__wrapper{display:flex; flex-direction:column; gap:40px;} .faqs__main-wrapper{display:flex; flex-direction:column; justify-content:center; align-items:center;} .main-modular-landing.new-site-fw .faqs__main-title h2.h1-bold{font-size: 50px; font-style: normal; font-weight: 500; line-height: 48px; letter-spacing: -0.24px; color:#10069F; padding-bottom:16px; font-family: "RRPioneer-Regular",Arial !important;} .main-modular-landing.new-site-fw .faqs__main-desc > p:only-child, .main-modular-landing.new-site-fw .faqs__contact-con > p, .main-modular-landing.new-site-fw .faqs__accordion-content > p:only-child{padding-bottom:0;} .main-modular-landing.new-site-fw .faqs__accordion-content{font-size: 15.999px; font-style: normal; font-weight: 400; line-height: 23.999px; color:#333;} .faqs__contact-banner{border-radius: 10px; background: #10069F; color: #fff; padding: 28px 39px;} .faqs__contact-con{display: flex; gap: 76px;justify-content:space-between;} .faqs__contact-con .font-16{line-height:20px;} .faqs__regs-link::after{display: inline-block; font-size: 0.7em; margin-left: 10px; top: 0px; position: relative; color: #fff; content: "\e311"; font-family: new-icomoon; transition: all 0.25s ease 0s; font-weight: 700;} .faqs__regs-link:hover {background-position:left bottom;color:#10069f;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .faqs__regs-link:hover::after{color:#10069f;} .faqs__regs-link {float:left; border:2px solid #fff; border-radius: 50px ;background:linear-gradient(to right, white 50%, transparent 0%); background-size: 200% 85%; background-position:right bottom; position:relative; font-size: 16px; line-height: 16.8px; align-items: center; color:#fff; font-family: "RRPioneer-Bold",Arial; display: inline-flex; padding: 14px 25.55px 13.57px 36px; text-transform:uppercase; webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; gap: 22px; min-width: fit-content; align-self:flex-start;} .faqs__regs-link:focus-visible{outline: 2px dotted white;outline-offset: 3px;} .faqs__accordion-wrapper{display:flex; flex-direction:column; padding-top: 7px;/*gap:7px;*/} .faqs__accordion-panel {display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ padding: 20px 0;border-bottom: 1px solid #EAEAEA;cursor: pointer;} .faqs__accordion-panel:first-child{border-top: 1px solid #EAEAEA;} .faqs__accordion-panel.collapse .faqs__accordion-content {overflow: hidden; height:0px; transition: height 0.3s ease; padding-right: 30px;} .faqs__accordion-panel.collapse.open .faqs__accordion-content{display:flex;flex-direction:column; height: auto;} .faqs__accordion-panel.collapse .faqs__accordion-title {outline: none; border: 0; background: transparent; padding: 0; display: flex; width: 100%; cursor: pointer; color: #333333;font-size:16px; line-height:24px; text-transform: none; font-weight: 400; justify-content:space-between; align-items:center;gap:15px;} .faqs__accordion-panel.collapse.open .faqs__accordion-title{font-weight:700;padding-bottom: 8px;} .faqs__accordion-panel.collapse .faqs__accordion-title:focus-visible{outline: 2px dotted #0068F0;outline-offset: 2px;} .faqs__accordion-title:hover{color:#333333;} .faqs__accordion-icon{font-size: 14px; line-height: 14px;color: #0068F0;} .faqs__accordion-panel.collapse.open .faqs__accordion-icon { transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);} .contact-modal iframe{min-height:722px;min-width:100%; vertical-align: bottom;} /****** Modal Style *******/ .faqs-form{padding-top:144px;} .faqs-form::before { position: absolute; content: ""; background: white; width: 42%; height: 100%; top: 0; } .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper .captcha-box{transform:scale(0.9); transform-origin:left;margin-bottom: 0;} .faqs-form .fw-en-form-wrapper-inner{margin:0;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="text"],.faqs-form .fw-en-form-wrapper .generic-form-module-wrapper textarea{padding:13px 19px;height:50px; border-radius:8px;} .faqs-form .bottom-wrapper {display: flex; justify-content: space-between;flex-direction:column;} .faqs-form .faqs__rt-contact{max-width: 476px; margin-left: auto;} .faqs-form .faqs__lt-contact{max-width:338px;} .faqs-form label{color:#141414;} .faqs-form ::placeholder{ color:#B2B2B2; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .faqs-form ::-ms-input-placeholder{ color:#B2B2B2; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .faqs-form .faqs__contact-title { color: #10069F; font-size: 50px; font-style: normal; font-weight: 300; line-height: 60px; border-bottom: 1px solid #B2B2B2; margin-bottom: 35px; font-family:'RRPioneer-LightCondensed'; } .faqs-form .faqs__contact-desc p{ font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; color:#333333; } .faqs-form .faqs__contact-desc p.rad-small{ font-size: 16px; font-style: normal; font-weight: 300; line-height: 24px; } .faqs-form .submit-button{position:relative;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input.faqs__submit-button{ width: 153px; text-align: justify; font-size: 16px; padding: 14px 36px 14px 36px; } .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]{float: left;border: 2px solid #10069f;border-radius: 50px;background: linear-gradient(to right, white 50%, #10069f 0%);background-size: 200% 85%;background-position: right bottom;position: relative;color: #ffff;font-family: "RRPioneer-Bold",Arial !important;display: block;text-transform: uppercase;webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;height: auto;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]:hover,.faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]:focus-visible{background-position: left bottom;color: #10069f !important;webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;border: 2px solid #10069f;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]:hover + .faqs__submit-icon,.faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]:focus-visible + .faqs__submit-icon{color:#10069f;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"] + .faqs__submit-icon{color:#fff;} .faqs-form .faqs__submit-icon{ position: absolute; right: 36px; top: 18px; color: #10069f; } .contact-modal .modal-content{position:relative;border-radius: 10px;box-shadow: 0px 25px 58px 0px rgba(0, 0, 0, 0.22), 0px 5px 14px 0px rgba(0, 0, 0, 0.18);overflow: hidden;width:100%;} .contact-modal__icon{ border-radius: 60px; background: rgba(16, 6, 159, 0.05); padding: 8px; font-size: 32px; line-height: 18px; position: absolute; left: auto; right: calc((100% - 970px) / 2); margin-top:48px; color:#000000; } .contact-modal__icon:hover{color:#000000;} .contact-modal__icon:focus-visible{outline: 2px dotted #10069f;outline-offset: 3px;} .faqs-form .redirection-links-content{display:none;} .faqs-form .redirection-links-content .row{display:flex; justify-content:center;} .faqs-form .faqs__card-wrapper { display: flex; flex-direction: column; gap: 12px; } .faqs-form .faqs__card { display: flex; padding: 24px 25px; justify-content: space-between; align-items: center; border-radius: 10px; background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.13), 0px 0.5px 1px 0px rgba(0, 0, 0, 0.10); gap:16px; } .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper textarea{min-height:134px;} .faqs-form .generic-form-module-success-wrap .success p{font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color:#10069F;padding-bottom:24px;} .faqs-form .generic-form-module-success-wrap .failure p{font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color:#ff0000;} .faqs-form .generic-form-module-success-wrap .failure{position:relative; color:red;padding-bottom: 15px;} .faqs-form p.faqs__card-title { color: #141414; font-feature-settings: 'liga' off, 'clig' off; font-family: 'RRPioneer-Regular'; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; padding-bottom: 12px; position:relative; } .faqs-form p.faqs__card-desc { color: #141414; font-feature-settings: 'liga' off, 'clig' off; font-family: 'RRPioneer-Regular'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-bottom: 0; } .faqs-form a.faqs__card-link { display: flex; width: 48px; height: 48px; padding: 5px 8px; justify-content: center; align-items: center; border-radius: 60px; background: #10069F; color: #ffffff; } .faqs-form a.faqs__card-link:hover{background:#fff;color:#10069f;border:1px solid #10069f;} .faqs-form a.faqs__card-link:focus-visible{outline: 2px dotted #10069f;outline-offset: 3px;} /* .faqs-form .faqs__lt-contact{height:722px;} */ .faqs-form .faqs__rt-contact{ display:block;flex-direction:column;gap:12px;overflow-y: auto; height: 500px; /*padding-right: 30px;*/} .faqs-form .faqs__rt-contact > div{position:relative;} .faqs-form .faqs__rt-contact span[style="color:Red;visibility:hidden;"]{ height: 0; display: block; } .faqs-form .faqs__rt-contact span[style="color: red; visibility: visible;"]{ height: 100%; display: block; } .faqs-form .fw-en-form-wrapper .formsg,.faqs-form .fw-en-form-wrapper .invno{position:unset;text-transform:uppercase;} @media (max-width: 1200px) and (orientation: landscape) { .faqs + .modal{padding-top: 50px !important;} } @media all and (max-width: 1200px){ .contact-modal__icon {right:29px;} } @media all and (max-width: 991.98px) and (orientation: portrait){ .faqs + .modal{padding-top: 50px !important;} .faqs-form{margin-top:-90px;padding-top:0;} .faqs-form::before{content:none;} .contact-modal__icon{font-size:24px;margin-top:40px;right:30px;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper{padding-left:0; padding-right:0;} .faqs-form .faqs__lt-contact{max-width:100%; background: white; padding-top: 90px; padding-left: 15px; padding-right: 15px; height:auto;} .faqs-form .faqs__rt-contact{max-width:100%; padding-left: 15px; padding-right: 15px; padding-top:20px;padding-bottom:90px;} .faqs-form .faqs__contact-desc{padding-bottom:24px;} .faqs-form .faqs__contact-desc p.rad-small{padding-bottom:0px;} .faqs-form .generic-form-module-success-wrap .success p{padding:90px 15px 24px;} .faqs-form .inner-container.redirection-links-content{padding:0 15px 90px;background:#fff;} .faqs-form .faqs__rt-contact {height: auto; overflow: unset;} } @media all and (max-width: 767.98px){ .faqs .faqs__contact-banner{padding:40px 16px;} .faqs .faqs__contact-con{gap:24px; flex-direction:column;} .faqs-form .fw-en-form-wrapper-inner{padding-top:0;} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper input[type="submit"]{width:100%;text-indent: -10px;text-align:center;} .faqs-form .faqs__submit-icon{right:calc(50% - 50px);} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper .captcha-box{transform:none;margin-bottom:15px;} .faqs-form .faqs__contact-title{font-size: 30px; font-weight: 300; line-height: 36px;} } @media (min-width: 600px) { .faqs-form .bottom-wrapper {flex-direction:row;justify-content: space-between;flex-wrap:wrap;align-items:center} .faqs-form .fw-en-form-wrapper .generic-form-module-wrapper .captcha-box{margin-bottom:0;} } /*---- module-market-place-banner-----*/ .market-banner-image { min-height: 437px; display: flex; align-items: center; opacity:20% } .market-banner-content-wrapper{ position: absolute; top: 0; width: 100%; min-height: 437px; } .market-banner-content { display: flex; justify-content: center; min-height: 437px; align-items: center; } .font-white{color: #FFFFFF;} .market-title{ font-weight: 700; line-height: 58px; padding-bottom: 32px; } .market-custom-text{line-height: 16px;} .market-place-banner.mrkt-bnr-overlay { background: linear-gradient(180deg, #10069F 0%, #0C0387 100%); position: relative; } .market-banner-content .market-custom-text p a:hover { border-bottom: 1px solid #FFF; color: #FFF; } .market-link a.module-cta-link{background: linear-gradient(to right, white 50%, transparent 0%);background-size: 200% 85%;background-position: right bottom;color: #fff;border: 2px solid white;} .market-link a.module-cta-link:hover, .market-link a.module-cta-link:focus-visible { color: #10069f; } .market-link a.module-cta-link:after { color: #fff; } .market-link a.module-cta-link:hover:after, .market-link a.module-cta-link:focus-visible:after { color: #10069f !important; } .market-banner-content .market-custom-text p{font-size:16px; line-height:16px;} .market-custom-text a{color: #FFFFFF; display: inline-block;} .main-modular-landing .market-place-banner .market-custom-text p{padding:0 !important;} .market-banner-content .market-link {padding-bottom:16px;} .market-banner-content .market-description > p:last-child{padding: 0 !important;} .market-banner-content .market-description > p { font-size: 18px; } .market-custom-text a:focus-visible,.market-link a.module-cta-link:focus-visible { outline: 2px dotted white; outline-offset: 3px; } .market-link a.module-cta-link:hover, .market-link a.module-cta-link:focus-visible{ background-position: left bottom; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .market-custom-text a:focus-visible{color: #006dff;} @media screen and (max-width: 991px) { .market-right-content{ display: flex; flex-direction:column; align-items:flex-end; } } @media screen and (max-width: 768px) { .market-banner-content, .market-banner-content-wrapper, .market-banner-image{min-height: 500px;} .market-link a.module-cta-link::after { color: #10069f; } .market-link a.module-cta-link { background: #FFF; color: #10069f; } .market-banner-content{ flex-direction:column; } .market-left-content , .market-right-content { display: flex; align-items: center; flex-direction: column; } .market-description p{font-size:16px, line-height:24px; } .market-description, .market-title{padding-bottom:16px; text-align: center;} .market-place-banner .market-title{font-size: 32px;} .market-banner-content .market-description > p{font-size: 16px;} } /*---- module-services-----*/ .modal-crd-icon img, .fw-module-services .crd-icon img {border-radius: 35px; height:64px; width:auto;} body.stop-scroll {overflow: hidden;} .module-services-slider_wrapper:not(.slick-initialized) {display: flex; opacity: 0; transition: 0.5s;} .module-services-slider_wrapper.not-slick-slider { opacity: 1; } @media screen and (min-width: 768px) { .dialog-header, .modal-content-wrapper, .register-text{padding-left:10px;} .next-arr-modal.slick-arrow{margin-right:10px;} } @media screen and (max-width: 767px) { .module-services-slider_wrapper.not-slick-slider { flex-direction: column; margin: 0 auto; } .fw-module-services .not-slick-slider .services-slider_item { width: 100%; margin: 0; margin-bottom: 0px; margin-bottom: 20px; } } .modal-content-wrapper ul { list-style: disc; padding-left: 20px; padding-bottom:25px; } .module-services__wrapper .card-image__wrapper img { width: 100%; border-radius: 4px 4px 0px 0px; } .modal-content-wrapper ul li{padding-bottom:15px} .modal-content-wrapper ul li:last-child{padding-bottom:0;} .module-services-slider_wrapper.slick-initialized {opacity: 1;} .module-services-slider_wrapper:not(.slick-initialized) .services-slider_item {flex: 1;} .dialog-title, .fw-module-services {font-family: "RRPioneer-Regular",Arial;} .main-modular-landing.new-site-fw .services-title-wrapper > .h1{color: #10069F; line-height:60px; font-size:50px; font-family: "RRPioneer-Regular",Arial !important;} .module-services-text_content{display: flex;justify-content: space-between;margin-bottom: 48px;} .fw-module-services .services-slider-item-inner{background-color: white; box-shadow: 0px 1px 4px 1px #e6e5e5;border-radius: 4px;display: flex;flex-direction: column;justify-content: space-between; height: auto;} .fw-module-services .service-card > img {height: 127px;width: 100%;object-fit: cover;} .fw-module-services .services-slider_item {margin: 0px 8px 20px 8px;} .service-card_content {padding:24px;padding-bottom: 0px;} .main-modular-landing.new-site-fw .services-logo-wrapper > p{padding-bottom: 0px;} .fw-module-services .crd-icon{margin-top: -58px; margin-bottom: 24px;} .open-service-modal__wrapper {padding: 0px 24px 9px 24px;margin-top: 11px;} .module-services-slider_wrapper{max-width: fit-content; margin-left: auto;} .fw-module-services {position: relative;} .module-services-slider_wrapper .slick-list {padding-left: 0 !important;padding-right: 109vw;margin-right: -100vw;} .close-modal, .fw-module-services button.slick-arrow {border: none;height: 40px;width: 39px;border-radius: 50%;background-color:#10069F;color: #fff;position: relative;display: flex;justify-content: center; align-items: center;transition: 0.3s all ease-in-out;} span.modal-icon-close {height: 25px;width: 19px;} .close-modal {background-color: #10069F0D;color: #10069F;} .close-modal:hover{background-color:#10069F;color: #fff;} .close-modal:focus-visible { outline: 2px dotted #10069F; outline-offset: 3px; background-color: #10069F; } .close-modal:focus-visible .modal-icon-close { color: #FFF; } .fw-module-services button.slick-arrow:focus-visible { outline: 2px dotted; outline-offset: 2px; } .fw-module-services button.slick-arrow:hover, .fw-module-services button.slick-arrow:focus-visible{background-color: #fff; color: #10069F;} .fw-module-services button.slick-arrow.slick-disabled {background-color: #10069F0D;color: #10069F;pointer-events: none; border: 2px solid transparent;} .next-prev-arrow_wrap {display: flex;} .next-prev-arrow_wrap .rr-icon-arrow-nav {position: absolute;} .fw-module-services .rr-icon-arrow-nav::before {font-weight: bold;font-size: 15px;} .fw-module-services .visuallyhidden {height:0px; width:0px;} .count-and-arrow {display: flex; justify-content: space-between;align-items: center;margin-top: 16px;color: #10069F;} .count-and-arrow .pb-0 {padding-bottom: 0px !important;} .fw-module-services .prev-arr-modal.slick-arrow, .fw-module-services .prev-arr.slick-arrow {transform: rotate(180deg); margin-right: 8px;} .modal-cta, .open-modal.open-service-modal {border: none;background-color: transparent;color: #0068F0;text-transform:none;display: flex;width: 100%;padding: 15px 0px;align-items: center;transition: 0.3s all ease-in-out; } .modal-cta > span, .open-modal.open-service-modal > span {margin-right: 12px; transition: 0.3s all ease-in-out;} .services-slider-item-inner .service-card .service-card_content p.h4 {padding-bottom: 16px; color:#333;} .module-services-slider_wrapper .slick-track {display: flex !important;flex-direction: row;} .services-slider_item.slick-slide{display: flex !important; height: auto !important;} .register-text-cta-wrap > p {font-weight: 500;} .register-text {text-align: left; display: flex;flex-wrap: wrap;} .modal-cta{padding: 0px; font-size: 16px; font-weight: 500; line-height: 20px;} .open-modal.open-service-modal:focus-visible { outline: 2px dotted; outline-offset: 3px; } .open-modal.open-service-modal:hover > span, .open-modal.open-service-modal:focus-visible > span{ margin-right: 16px; } /* Progress bar */ .progress {position: relative;display: block;margin-top: 28px;margin-left: 0;width: 100%;height: 4px;border-radius: 10px;overflow: hidden;background-color: transparent;background-image: linear-gradient(to right, #10069F, #10069F);background-repeat: no-repeat;background-size: 0 100%;opacity: 1;z-index: 1;transition: background-size 0.4s ease-in-out;} .progress::after {content: "";width: 100%;height: 4px;background: #10069F0D;position: absolute;left: 0;top: 0px;opacity: 0.5;} /* Progress bar */ @media screen and (max-width: 991px) { .services-title-wrapper{padding-right:50px;} } @media screen and (max-width: 767px) { .modal-cta{width:110%;} .progress {display: none;} .fw-module-services .services-slider_item {width: 280px;} .module-services-text_content{flex-direction: column-reverse;margin-bottom: 24px;} .services-logo-wrapper {text-align: right;margin-bottom: 24px;} .services-slider-item-inner .open-service-modal > img, .service-card_content .crd-icon > img {margin: 0 !important;} /* .main-modular-landing.new-site-fw .services-title-wrapper > .h1{color: #10069F; line-height:36px; font-size:30px;}*/ } @media screen and (min-width: 768px) { .services-slider_item.slick-current.slick-active { margin-left: 0px; } } @media screen and (min-width: 992px) { .modal-top-content .modal-content-wrapper{ max-height: calc(100vh - 531px);} .modal-top-bottom__container .modal-bottom{padding-top: 61px;} .modal-top-bottom__container {height: calc(100vh - 309px);} } @media screen and (min-width: 1900px) { .module-services-slider_wrapper .slick-list {padding-right: 110vw;} } @media screen and (max-width: 450.91px) { .count-and-arrow{flex-direction: column;align-items: flex-start;} .next-prev-arrow_wrap { display: flex; width: 100%; justify-content: flex-end; margin-top: 24px;} .module-services-slider_wrapper .slick-list { padding-left: 0px; padding-right: 0px; margin-right: 0px;} } /*=======modal css=============*/ .modal-top-bottom__container {display: flex; flex-direction: column; justify-content: space-between; height: 100%;} .open-modal__wrapper {text-align: center;background-color: #FFF;border: none;padding: 64px 99px; padding-bottom: 0px;border-radius: 8px;box-shadow: 0 3px 10px 2px #141414B2;margin: auto auto;max-width: 1170px;opacity: 0;top: 116px;position: fixed;min-height: 570px;z-index: -11;left: 0;right: 0; width: calc(100vw - 270px); height: calc(100vh - 232px); visibility: hidden;} .modal-bottom {padding-bottom: 64px; padding-top:15px;} .open-modal__wrapper.opened {opacity: 1;visibility: visible;z-index: 99;} .module-services__wrapper:has(.open-modal__wrapper.opened)::before {content: '';position: fixed;width: 100vw;height: 100vh;background: #141414B2;top: 0;left: 0;z-index: 99;backdrop-filter: blur(7px);} .modal-content-wrapper { max-height: calc(100vh - 460px); overflow-y: auto; padding-right: 20px; padding-top: 10px;} /* Custom Scrollbar */ .modal-content-wrapper::-webkit-scrollbar {width: 8px;} .modal-content-wrapper::-webkit-scrollbar-thumb {background-color: #10069F; border-radius: 4px;} .modal-content-wrapper::-webkit-scrollbar-thumb:hover {background-color: #10069F0D;} .modal-content-wrapper::-webkit-scrollbar-track {background-color: #10069F0D;border-radius: 4px;} /* For Firefox */ .modal-content-wrapper {scrollbar-width: thin;scrollbar-color: #10069F #10069F0D;} .open-modal__wrapper.opened::backdrop {background: rgba(0, 0, 0, .5);} .modal-crd-icon {height: 64px;margin-right: 16px;} .dialog-header .d-flex {display: flex;align-items: center;justify-content: space-between;width: 100%;} .dialog-header .icon-title{display: flex;align-items: center;flex-wrap: wrap;} .modal-top-content,.modal-bottom,.dialog-header {display: flex;justify-content: space-between;} .modal-top-content {width: 100%;} .dialog-title {font-size: 28px; line-height: 32px;padding-bottom: 0 !important; color:#333;} .close-modal {height: 48px; width: 48px;color: #000;font-size: 19px;} .modal-icon-close::before {content: "\eee2";font-family: icomoon;} .sliding-content_wrap {width: 87.5%;} .close-btn_wrap {width: 12.5%; min-width: 50px; display: flex; justify-content: flex-end;} .dialog-inner {text-align: left;} .dialog-inner .intro-text {margin-top:24px;padding-bottom: 24px !important;font-size: 20px;line-height: 28px; color:#141414;} .close-btn_wrap.mobile {display: none;} .register-text-cta-wrap > p{padding-bottom: 4px !important;} .register-text-cta-wrap.registered {margin-right: 42px;} .register-text-cta-wrap .modal-cta:focus-visible{ outline: 2px dotted; outline-offset: 3px; } .register-text-cta-wrap .modal-cta:hover > span > img, .register-text-cta-wrap .modal-cta:focus-visible > span > img { margin-right: 0px; margin-left: 4px; } .register-text-cta-wrap .modal-cta > span > img { margin-right: 4px; } .modal-content-wrapper div p { color: #333333; } .services-title-wrapper p, .service-card_content .slider-paragraph { color: #242424; } .services-logo-wrapper p{color:#253266;} @media screen and (max-width: 991.98px) { .open-modal__wrapper.opened, .module-services__wrapper:has(.open-modal__wrapper.opened)::before {z-index: 9999;} .open-modal__wrapper{padding: 30px; padding-bottom: 0px; top: 100px;width: calc(100vw - 170px); height: fit-content;} .modal-bottom {padding-bottom: 30px;padding-top: 30px;} .sliding-content_wrap {width: 90%;} .close-btn_wrap { width: 10%;} } @media (min-width: 1280px) and (max-width: 1300px){ .modal-top-bottom__container .modal-bottom { padding-top: 52px; padding-bottom: 52px; } .modal-top-content .modal-content-wrapper { max-height: calc(100vh - 456px); } } @media (min-width: 1300px) and (max-width: 1370px){ .modal-top-bottom__container .modal-bottom { padding-top: 52px; padding-bottom: 52px; } .modal-top-content .modal-content-wrapper { max-height: calc(100vh - 496px); } } @media screen and (min-width: 768px){ .open-modal__wrapper{min-height: 375px;} } @media (min-width: 992px) and (max-width: 1025px) and (orientation: portrait){ .open-modal__wrapper.opened{height: auto;} } @media (min-width: 768px) and (max-width: 1025px) and (orientation: portrait){ .modal-top-bottom__container{height: auto;} .module-services__wrapper .modal-popup__wrapper .dialog-inner.slick-slide{height: 100% !important;} } @media (max-width: 767.98px) and (orientation: landscape){ .open-modal__wrapper{top: 30px; min-height: 310px;} .modal-top-content .modal-content-wrapper{max-height: calc(100vh - 284px);} } @media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape){ .open-modal__wrapper{top: 35px; min-height: 322px;} .modal-top-content .modal-content-wrapper{max-height: calc(100vh - 295px);} } @media (min-width: 991.98px) and (max-width: 1366px) and (orientation: portrait){ .open-modal__wrapper{top: 65px; min-height: 434px;} .modal-top-content .modal-content-wrapper{max-height: calc(100vh - 429px);} } @media screen and (max-width: 767.98px) { .sliding-content_wrap {width: 100%;} .module-services__wrapper .modal-popup__wrapper .slick-slide {padding: 24px 20px;} .open-modal__wrapper{padding:0px; width: calc(100vw - 20px);height: calc(100vh - 128px);} .modal-bottom {padding-bottom: 24px;} .close-modal {height: 40px;width: 40px;} .modal-crd-icon {height: 40px;display: flex;justify-content: space-between;width: 100%;margin-right: 0;margin-bottom: 24px;} .modal-crd-icon > img { height: 100%; margin: 0;} .close-btn_wrap.desktop{display: none;} .close-btn_wrap.mobile {display: block;width: 40px;min-width: auto;} .dialog-header .icon-title{width: 100%;} .modal-popup__wrapper .slick-slide img {margin: 0;} } @media screen and (max-width: 500px) { .modal-bottom{align-items: flex-end;margin-left: -20px; padding-left: 20px; box-shadow: 0px -4px 6px -2px #0003; margin-right: -20px; padding-right: 20px; padding-top: 24px;} .register-text-cta-wrap.registered{margin-bottom: 8px;margin-right: 0px;} } .dialog-inner.slick-slide:not(.slick-active){visibility: hidden;} .module-services__wrapper .modal-popup__wrapper .slick-track{display: flex !important;} .module-services__wrapper .modal-popup__wrapper .slick-slide{height: inherit !important; display: flex; flex-direction: column;} .module-services__wrapper .modal-popup__wrapper .slick-slide .modal-bottom{margin-top: auto; box-shadow: 0px -4px 6px -2px #0003;} /*---- module-video-variation-----*/ .font-blue{color: #10069F;} .font-gray-900{color: #141414;} .ip3-edit .video-intro-text p, .video-intro-text p { font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; } .market-place-video .singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper {width: auto;} .ip3-edit .video-intro-text{text-align: center;} .margin-top-video-player { z-index: 5 !important; } .video-title { text-align: center; padding-bottom: 16px; font-weight: 300; font-size: 50px; line-height: 60px; font-family: RRPioneer-Regular, Arial; } .main-modular-landing.new-site-fw .video-intro-text p:last-child { padding-bottom: 32px; } .market-place-video .inv_playerContainer.inv_mobilesmall .inv_playheadWellContainer, .market-place-video .inv_playerContainer.inv_mobilelarge .inv_playheadWellContainer{display:block;} .market-place-video .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt{min-width:100%;} .market-place-video.inv_FullScreen_Other .inv_playerContainer[inv_playertype="singleplayer"].inv_desktop .inv_mouseLeave .inv_videoControls {bottom: 0px;border-radius: 0px;} .market-place-video.inv_FullScreen_Other .inv_playerContainer[inv_playertype="singleplayer"].inv_desktop .inv_mouseEnter .inv_videoControls {bottom: 0px;border-radius: 0px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_desktop .inv_mouseLeave .inv_videoControls{bottom:-64px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_desktop .inv_mouseEnter .inv_videoControls{bottom:-64px;} .market-place-video .inv_playerContainer .inv_videoMainContainer{overflow:visible;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"], .market-place-video .inv_playerContainer[inv_playertype="minigalleryplayer"]{overflow:visible;} .market-place-video .inv_playerContainer .inv_videoControls{border-radius: 0px 0px 10px 10px;} .market-place-video .img-cnt-on-img .img-cnt-img{border-radius: 10px;} .market-place-video .inv_videoReady[inv_playertype="singleplayer"] .inv_videoMainContainer_inner .inv_videoArea{border-radius: 10px 10px 0px 0px;} .market-place-video .img-cnt-on-img-content{text-align: center; align-items: center; display: flex; min-height: 100%; width: 100%;} .market-place-video .img-cnt-on-img .img-cnt-txt.market-image-text{margin:0; max-width: 100%;} .market-place-video .inn-play-video {border: 3px solid #FFF; border-radius: 75px; padding: 18px 25px;} .market-place-video .player-icon{ position: relative; margin-right: 20px; } .market-place-video .player-icon::before { content: ""; border-bottom: 9px solid transparent; border-left: 15px solid #FFF; border-top: 9px solid transparent; content: ""; left: 50%; margin-left: -5px; margin-top: -9px; position: absolute; top: 50%; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .banner-video-overlay-close-button.landing-close-btn:focus-visible { outline: 2px dotted #10069f; outline-offset: 3px; } .market-place-video .inn-play-video:focus-visible { outline: 2px dotted white; outline-offset: 5px; } .market-place-video .inn-play-video:hover, .market-place-video .inn-play-video:focus-visible{ border-color: #006dff; } .market-place-video .inn-play-video:hover .player-icon::before, .market-place-video .inn-play-video:focus-visible .player-icon::before { border-left: 15px solid #006dff; } .market-place-video .inv_playerContainer[inv_playertype='singleplayer'][inv_playerStyle='fullwidthheight'] .inv_videoMainContainer{height: fit-content;} .market-place-video .inn-play-video:hover .player-text, .market-place-video .inn-play-video:focus-visible .player-text{color:#006dff;} .market-place-video .portrait .inv_videoDisplay{height: auto !important;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_videoReady .inv_videoStillArea img{border-radius: 10px 10px 0px 0px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_iostablet .inv_videoControls, .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_tablet .inv_videoControls{bottom: 0%;} @media (min-width:666px) and (max-width:1025px) and (orientation: landscape){ .market-place-video .img-cnt-on-img .img-cnt-img > img{ min-height: 350px !important; } .market-place-video .inv_videoControls, .market-place-video .inv_videoControls { display: none !important; } /*.market-place-video .inv_videoReady[inv_playertype="singleplayer"] .inv_videoMainContainer_inner .inv_videoArea { border-radius: 10px; }*/ } @media (min-width:767px) and (max-width:992px){ .market-place-video .inv_playerContainer.inv_tablet .inv_shareBtn, .market-place-video .inv_playerContainer.inv_iostablet .inv_shareBtn { margin-left: 5px; } .market-place-video .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img{ min-height: 428px !important; } } @media screen and (max-width:768px){ .market-place-video .inv_videoReady[inv_playertype="singleplayer"] .inv_videoMainContainer_inner .inv_videoArea{border-radius: 10px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.market-place-video-wrapper{margin: 40px 0;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_videoReady .inv_videoStillArea img{border-radius: 10px;} .main-modular-landing.new-site-fw .video-intro-text p:last-child{padding-bottom:24px;} .market-place-video .img-cnt-on-img .img-cnt-txt.market-image-text{background: none;} .market-place-video .img-cnt-on-img .img-cnt-txt .inn-video-wrapper{width: 100%; position: static; transform: none; text-align: center;} .market-place-video .img-cnt-img.market-image img{min-height: 100%; border-radius: 10px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_mobilelarge .inv_shareBtn, .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_mobilesmall .inv_shareBtn{margin-left:25px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_mobilelarge .inv_fullscreenBtn, .market-place-video .inv_playerContainer[inv_playertype="singleplayer"].inv_mobilesmall .inv_fullscreenBtn{margin-left: 25px;} .market-place-video .inv_playerContainer[inv_playertype="singleplayer"][inv_playerStyle="fullwidthheight"] .inv_videoMainContainer, .market-place-video .inv_playerContainer[inv_playertype="minigalleryplayer"][inv_playerStyle="fullwidthheight"] .inv_videoMainContainer{height:auto;} .market-place-video .img-cnt-on-img .img-cnt-img > img{width:100%;} .market-place-video .market.singleplayervideo-wrapper .img-cnt-on-img.img-cnt-on-img-with-video .img-cnt-img.market-image{min-height:366px !important;} .inv_playerContainer .inv_videoDisplay{ min-height: 100%;} .market-place-video .inv_playerContainer.inv_mobilelarge .inv_videoControls, .market-place-video .inv_playerContainer.inv_mobilesmall .inv_videoControls {display: none !important;} } @media screen and (max-width:655px){ .market-place-video .market.singleplayervideo-wrapper .img-cnt-on-img.img-cnt-on-img-with-video .img-cnt-img.market-image{min-height:324px !important;} } @media screen and (max-width:555px){ .market-place-video .market.singleplayervideo-wrapper .img-cnt-on-img.img-cnt-on-img-with-video .img-cnt-img.market-image{min-height:262px !important;} } @media screen and (max-width:475px){ .market-place-video .market.singleplayervideo-wrapper .img-cnt-on-img.img-cnt-on-img-with-video .img-cnt-img.market-image{min-height:208px !important;} } @media screen and (max-width:375px){ .market-place-video .inv_playerContainer[inv_playertype="singleplayer"] .inv_playheadWellContainer{display:none;} } /*---- new-----*/ /*.banner-container{z-index:98 !important;}*/ .fw-intro-text .intro-block ul {text-align:left;list-style: disc;} .fw-intro-text .intro-block ul {margin-left:30px;} .fw-intro-text .intro-block ul li {margin-bottom:30px;} .fw-intro-text .intro-block ul li li {margin-bottom:0;} #2022-full-year-results .fw-intro-text .intro-block ul li { list-style: disc; text-align: left; padding-left: 30px;} #nav-site-services-level1{display: none !important;} #rr-advances-hybrid-electric-flight-with-new-technology h1 {font-size: 3rem;} #our-businesses #super2-9-super-breaker-civil-aerospace .superbreaker-content, #our-businesses #super2-9-super-breaker-defence .superbreaker-content, #our-businesses #super2-9-super-breaker-defence .superbreaker-content, #our-businesses #super2-9-super-breaker-power-systems {padding-bottom:0;} #our-businesses #inner-super2-9-super-breaker-civil-aerospace, #inner-super2-9-super-breaker-defence, #inner-super2-9-super-breaker-power-systems {margin-bottom:0 !important;} #about #section-our-businesses .img-cnt-txt, #about #section-our-businesses .img-cnt-txt a {color:white;} #our-strategy .section-titleColorWhite .img-cnt-txt-outer, #our-strategy .section-titleColorWhite .img-cnt-txt-outer .rr-black {color:white !important;} .pd-box-snapdown-content-left.content-left-outer {width:60%;max-width:fit-content;} .pd-box-snapdown-content-right.webform-outer {width: 40%;max-width:fit-content;padding-bottom: 30px;} .webform-outer .general-info-wrapper .inputs input ,.fullTextAera textarea {width:100%;} .webform-outer .general-info-wrapper input { height: 45px; } .webform-outer .general-info-wrapper .fullTextAera textarea { height: 90px; } .webform-outer .general-info-wrapper .inputs>span{display: block;height: 20px;} .webform-outer { background-color: rgb(16, 6, 159); color: #fff; padding: 0px 15px; } .webform-outer .generic-contact-submit .module-cta-link:after {color: #ffffff;} .webform-outer .generic-contact-submit .module-cta-link { border: 2px solid #ffffff; background-image: linear-gradient(to right, #ffffff 50%, #ffffff00 0%); color: #ffffff; } .webform-outer .generic-contact-submit .generic-contact-submit-btn:hover, .webform-outer .generic-contact-submit:hover #generic-contact-submit-btn { color: #10069f !important;border: 2px solid #10069f;} .webform-outer .generic-contact-submit .generic-contact-submit-btn:hover:after, .webform-outer .generic-contact-submit:hover #generic-contact-submit-btn:after {color: #10069f !important;} .webform-outer .bodyhelv { padding: 15px; } .webform-outer .generic-contact-submit { margin-top: 30px; } .generic-contact-submit input { float: left; border: 2px solid #fff !important; border-radius: 50px !important; display: block; background: transparent !important; background-size: 200% 85%; background-position: right bottom !important; position: relative; font-size: 1.143em !important; text-align: center; color: #fff; font-family: "RRPioneer-Bold",Arial !important; padding: 19px 24px 19px 24px !important; text-transform: uppercase !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .generic-contact-submit input { border: 2px solid #ffffff; color: #ffffff; } .generic-contact-submit input:hover { color: #ffffff !important; } /*#generic-contact-submit-btn {display:none;}*/ #aircraft-transitions-form-completion .generic-contact-submit input {text-transform: inherit !important;} @media (max-width: 991px){ #aircraft-transitions-form-completion .pd-box-snapdown-content-right.webform-outer { width: 60%; margin: 0 auto; } #aircraft-transitions-form-completion .pd-box-snapdown-content-left.content-left-outer { width: 100%; max-width: fit-content; } #aircraft-transitions-form-completion .BottomWrap { padding-bottom: 75px; } } @media (max-width: 767px){ #aircraft-transitions-form-completion .pd-box-snapdown-content-right.webform-outer { width: 100%; margin: 0 auto; } #aircraft-transitions-form-completion .pd-box-snapdown-content-right.webform-outer { width: 100%; margin: 0px auto; padding-top: 30px !important; } #aircraft-transitions-form-completion .webform-outer .bodyhelv { padding: 0px; } } /*---- nuclear-service-finder-----*/ .marine-product-finder .ProductBanner .home-content-fw-inner>div:not(.fw-bnr-body-copy) p{line-height:36px;} .tab-content .fw-feature-listing .fw-fs-wrapper{ padding-left: 0px; padding-right: 0px;} .general-listing{ text-align: center; padding-top:57px;} .nuclear-services .prod-container-inner-load { padding-bottom: 60px;} /*.nuclear-sf-related-products .tab-list.tabs-with-icon{ margin: 0 auto 0;}*/ .nuclear-sf-related-products .product-item{padding-bottom: 0px;} .nuclear-sf-related-products .slick-track{margin:0 auto;} .life-cycle .product-item.life-cycle-item.hide { display: none;} .nuclear-service-main .product-finder-dynamic-content { min-height: 540px;} /*----Life cycle landing---*/ .life-cycle .prod-container-inner-load{width:100%;padding-bottom: 100px; text-align: center;} .life-cycle .product-item.life-cycle-item { width: 33.3%; border: solid 1px #dfdfdf; padding-bottom: 0px; display: inline-block; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .life-cycle .product-item-lifecycle-title { color: #10069f; display: block;} .life-cycle .product-item.life-cycle-item .product-item-inner{ padding: 0 0px; position: relative; height:100%;} .life-cycle .product-item.life-cycle-item a { padding: 59px 58px; } .life-cycle .lifecycle-icon { margin-top: 73px;} .life-cycle .product-item.life-cycle-item .hover-text { display: none; padding: 10px 28px; text-align: center; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background-color: #006dff; color: #fff;} .life-cycle .product-item.life-cycle-item:hover .hover-text { display: block; } .life-cycle .product-item.life-cycle-item:hover{ -webkit-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); -moz-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #006dff;} .life-cycle .center-hovertext { position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); top: 50%; width: 80%; margin: 0 auto;} .life-cycle .product-item-lifecycle-title{font-family: "RRPioneer-Medium",Arial; font-weight: normal; position:relative; display: inline-block;} .life-cycle .product-item-lifecycle-title:after{display: none; margin-left: 15px; color: #fd4192; content: "\e311"; font-family: new-icomoon; font-size: 0.8em; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);} .life-cycle .product-item.life-cycle-item .hover-text:after{display: none; margin-left: 15px; color: #fff; content: "\e311"; font-family: new-icomoon; font-size: 1em; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; right: 60px; top: 42%;} .life-cycle .bottom-ship-type-slider-outer{display:none !important;} /*----Life cycle landing---*/ @media all and (max-width: 1399px) { .general-listing{padding-top:20px;} } @media all and (max-width: 1399px) { .life-cycle .prod-container-inner-load{ padding-left: 30px; padding-right: 30px;} } @media all and (max-width: 1024px) and (min-width: 768px){ .fw-tabbed-two-col .fw-tabbed-wrap.nuclear-product-finder-tabs { padding-left: 30px; padding-right: 30px;} .marine-product-finder .ProductBanner .home-content-fw-inner p{line-height:30px;} } @media all and (max-width: 991px) { .general-listing{padding-top:10px;} .nuclear-service-main .product-finder-dynamic-content { min-height: auto;} /*----Life cycle landing---*/ .life-cycle .product-item-lifecycle-title:after{display:inline-block;} .life-cycle .product-item.life-cycle-item .hover-text:after{display:inline-block;} .life-cycle { padding-left: 30px; padding-right: 30px;} .life-cycle .product-item.life-cycle-item{ width: 100%; } .life-cycle .lifecycle-icon img { width: 70px; } .life-cycle .product-item.life-cycle-item a { padding: 32px 64px; height: 100%; } .life-cycle .product-item-lifecycle-title { text-align: left; display: inline-block; float: left; width: 50%; } .life-cycle .lifecycle-icon { margin-top: 0; float: right; width: 70px; } .life-cycle .center-hovertext { width: 60%;} .product-item-top, .product-item-bottom{float: none; display: table;} .life-cycle .product-item-lifecycle-title{display: table-cell;vertical-align:middle;float:left; width: 65%;} .life-cycle .lifecycle-icon{display: table-cell; vertical-align: middle;} .life-cycle .product-item-lifecycle-title,.product-item-top, .product-item-bottom,.life-cycle .product-item.life-cycle-item{height: auto !important;} /*----Life cycle landing---*/ } @media all and (max-width: 767px) { .marine-product-finder .ProductBanner .home-content-fw-inner p{line-height:24px;} .life-cycle .product-item-lifecycle-title{width: 97%;} .life-cycle .prod-container-inner-load{ padding-left: 15px; padding-right: 15px;} .life-cycle { padding-left: 15px; padding-right: 15px;} .life-cycle .prod-container-inner-load{display:block !important; float: left; width: 100%; padding-bottom: 45px; padding-top: 45px;} .life-cycle .product-item.life-cycle-item .hover-text{padding: 10px 20px;} .life-cycle .center-hovertext{width: 90%; float: left; text-align: left;} .life-cycle .product-item.life-cycle-item .hover-text:after{ right: 20px;} .life-cycle .lifecycle-icon{display:none;} .life-cycle .product-item.life-cycle-item a { padding: 40px 20px;} .general-listing{padding-top:0px;} } /* .prod-search-texbox-container .slimScrollDiv{ top: 42px; border-bottom: 1px solid #cad9e8;} .prod-search-texbox-container .slimScrollBar{ z-index:999999 !important; } .prod-search-texbox-container .slimScrollRail{ z-index:999998 !important;} .prod-search-texbox-container ul.ui-autocomplete{ position: static !important } .prod-search-texbox-container ul.ui-autocomplete { background: #fff; !important; } .prod-search-texbox-container ul.ui-autocomplete .slimScrollRail{top: 2px !important;}*/ /*---General Listing module----*/ /*.generic-listing-module .products-wrapper-general{max-width: 936px; margin: 0 auto; padding-top: 57px; text-align: center;} .generic-listing-module .product-item-general { display: inline-block; width: 24.7%; vertical-align: top;} */ #investors .rns-mid-inner .first-signpost-wrap.signpost-wrapper:first-child { /* border: 1px solid red; */ border: solid 1px #dfdfdf; background: #2720a1; } #investors #four-signpost .rns-mid-inner .first-signpost-wrap.signpost-wrapper:first-child .signpost-big-image img{ max-width: 100%; height: auto; } @media (max-width: 767px){ #investors #four-signpost .rns-mid-inner .first-signpost-wrap.signpost-wrapper:first-child .signpost-big-image { max-height: 566px; } .twocollogo-logo { width: 99%; float: left; margin-left: 1%; padding: 10px; margin-bottom: 1%; min-height: 220px; } } .twocollogo { width: 100%; float: left; } .twocollogo-row { width: 100%; float: left; } .twocollogo-logo { width: 45%; float: left; margin-right: 5%; padding: 12px; margin-bottom: 5%; min-height: 220px; border: 1px solid #dfdfdf; font-size: 0.8em; text-align: center; } .twocollogo-logo img { margin-bottom: 10px; } .twocollogo-logo-img { float: left; width: 100%; } @media (max-width: 767px){ .twocollogo-logo {width: 99%;} } body#Homepage div#annual-report-2020.single-small-signpost-wrapper .single-small-signpost.navy-blue { background-image: url(/~/media/Images/R/Rolls-Royce/banners/home-full-width/ar-2020-banner.jpg); background-size: cover; } body#investors .main-modular-landing.new-site-fw .homecontentwrapper h1.White { text-shadow: 0 2px 4px rgb(0 0 0 / 30%); } /*---- podcast-player-----*/ @keyframes spin { from { transform: rotateZ(0); } to { transform: rotateZ(1turn); } } .green-audio-player { width: 100%; min-width: 300px; height: 56px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07); display: flex !important; justify-content: space-between; align-items: center; padding-left: 24px; padding-right: 24px; border-radius: 100px; user-select: none; background-color: rgba(14, 19, 35, 0.87); box-sizing: border-box; outline: none; } .green-audio-player.player-accessible .play-pause-btn:hover, .green-audio-player.player-accessible .controls:hover, .green-audio-player.player-accessible .volume__button:hover, .green-audio-player.player-accessible .volume__controls:hover, .green-audio-player.player-accessible .download:hover { outline: dotted 1px #999; } .green-audio-player svg, .green-audio-player img { display: block; } .green-audio-player .holder { position: relative; } .green-audio-player .holder .loading .loading__spinner { position: absolute; left: -1px; top: 2px; width: 16px; height: 16px; border: 2px solid #b0b0b0; border-right-color: rgba(0, 0, 0, 0); border-radius: 50%; animation: spin 0.4s linear infinite; } .green-audio-player .holder .play-pause-btn { visibility: hidden; cursor: pointer; outline: none; } .green-audio-player .holder .play-pause-btn:focus { outline: none; } .green-audio-player .slider { flex-grow: 1; background-color: transparent; cursor: pointer; position: relative;border:1px solid #fff } .green-audio-player .slider .gap-progress { background-color: #5399fc; border-radius: inherit; position: absolute; pointer-events: none; } .green-audio-player .slider .gap-progress .pin { height: 16px; width: 16px; border-radius: 8px; background-color: #5399fc; position: absolute; pointer-events: all; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32); } .green-audio-player .slider .gap-progress .pin::after { content: ""; display: block; background: rgba(0, 0, 0, 0); width: 200%; height: 200%; margin-left: -50%; margin-top: -50%; border-radius: 50%; } .green-audio-player .controls { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 18px; color: #fff; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin-left: 15px; margin-right: 15px; outline: none; } .green-audio-player .controls .controls__slider { margin-left: 0px; margin-right: 16px; border-radius: 5px; height: 7px; } .green-audio-player .controls .controls__slider .controls__progress { width: 0; height: 100%; } .green-audio-player .controls .controls__slider .controls__progress .progress__pin { right: -8px; top: -6px;display:none; } .green-audio-player .controls span { cursor: default;font-size: 0.8em; } .green-audio-player .controls:focus { outline: none; } .green-audio-player .volume { position: relative; } .green-audio-player .volume .volume__button { cursor: pointer; outline: none; } .green-audio-player .volume .volume__button:focus { outline: none; } .green-audio-player .volume .volume__button.open path { fill: #5399fc; } .green-audio-player .volume .volume__controls { width: 30px; height: 135px; background-color: rgba(14, 19, 35, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; z-index: 2; outline: none; } .green-audio-player .volume .volume__controls .volume__slider { margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px; } .green-audio-player .volume .volume__controls .volume__slider .volume__progress { bottom: 0; height: 100%; width: 6px; } .green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin { left: -5px; top: -8px; } .green-audio-player .volume .volume__controls:focus { outline: none; } .green-audio-player .volume .volume__controls.hidden { display: none; } .green-audio-player .volume .volume__controls.top { bottom: 42px; left: -3px; } .green-audio-player .volume .volume__controls.middle { bottom: -54px; left: 54px; } .green-audio-player .volume .volume__controls.bottom { bottom: -164px; left: -3px; } .green-audio-player .download { display: none; margin-left: 16px; cursor: pointer; outline: none; } .green-audio-player .download:focus { outline: none; } .green-audio-player:focus { outline: none; } .message__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } /* .green-audio-player .holder .play-pause-btn[title="Play"] { visibility: visible; width: 25px; height: 60px; background-image: url("/~/media/Images/R/Rolls-Royce/icons/play.png"); background-repeat: no-repeat; background-position: -6px 12px; } .green-audio-player .holder .play-pause-btn[title="Pause"] { visibility: visible; width: 25px; height: 60px; background-image: url("/~/media/Images/R/Rolls-Royce/icons/pause.png"); background-repeat: no-repeat; background-position: -3px 12px; } .green-audio-player .holder .play-pause-btn { visibility: hidden; cursor: pointer; outline: none; } .green-audio-player .holder .play-pause-btn[title="Play"]:hover { background-position: -6px -48px; } .green-audio-player .holder .play-pause-btn svg { display: none; } .green-audio-player .volume { position: relative; visibility: visible; width: 34px; height: 60px; background-image: url("/~/media/Images/R/Rolls-Royce/icons/soundon.png"); background-repeat: no-repeat; background-position: 2px 12px; } .green-audio-player svg, .green-audio-player img { display: none; } */ /*---- progressive-disclosure-global-----*/ .progressiveDisclosure .pd-box-snapdown-click.snapopen .pd-box-text a{color:#fff;} .progressiveDisclosure a[href^="mailto:"] .rad-link:after{content:none;} .progressiveDisclosure .rad-link{color: #10069f;text-decoration: none;font-weight:normal;} .progressiveDisclosure .rad-link:after{content: "\eee3"; font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative; top:2px;color:#fa4692} .progressiveDisclosure .rad-link:hover:after,.progressiveDisclosure .rad-link:hover{ color: #006dff;} .progressiveDisclosure.Gray .pd-snapdown-item.pd-first-snap{border-top: 1px solid #e8e8e8;} .progressiveDisclosure.Gray .pd-snapdown-item{border-top: 1px solid #e8e8e8;} .progressiveDisclosure ul { list-style-type: disc; padding-bottom: 14px;padding-left: 25px;} .progressiveDisclosure ul li { position: relative; list-style: none; padding-bottom: 15px;} .progressiveDisclosure ul li:last-child{padding-bottom:0;} .progressiveDisclosure ul li:before { border-radius: 50%;content: "";left: -25px; position: absolute;top: 9px;background: #10069f;width: 5px; height: 5px;} .VideoWidth{width:auto !important;margin-left: 0 !important;} .ProgVideoParent.inv_ParentContainer{height:526px;} .LeftTit{width:50%;} .ProductFinderDetails .fw-intro-text{ margin-top: 14px;} .pd-box-snapdown-content-right { padding-top: 0px !important;} .pd-snapdown-item.pd-first-snap{margin-top:32px;} .MarginTopVideo{ margin-top: 15px;} .close-pd-snapdown{cursor:pointer;} .progressiveDisclosure .fw-intro-text{ } .section.sections-wrap .fw-progressive-disclosure.new-country-site-section.Gray .fw-pd-wrapper{max-width: 1170px;margin: 0 auto;} .section.sections-wrap .fw-progressive-disclosure.new-country-site-section.Gray .fw-pd-wrapper .whiteBG{background: #f7f7f7 none repeat scroll 0 0;} .updateChanges .pd-box-wrapper.clearfix { min-height: 252px;} @media all and (max-width:1399px){ .updateChanges .pd-box-wrapper.clearfix{min-height:205px;} } .updateChanges table.rad-financialtable tbody tr td{font-family: "Helvetica", Arial; background: transparent; font-weight: bold;padding: 3px 0; border: none;} .updateChanges table.rad-financialtable tbody tr td h2{padding:10px 0 0 0} .fw-progressive-disclosure.Gray .pd-box-snapdown-click{background:#fff;} .fw-progressive-disclosure.Gray .pd-box-snapdown-click.snapopen{ background: #10069f;} /*=============IMAGE WITH TEXT MODULE==============*/ .fw-text-image a[href^="mailto:"] .rad-link:after{content:none;} .fw-img-with-text .intro-text{padding-top:15px;} .fw-text-image-wrapper table tbody tr td{font-family: "Helvetica", Arial;background:transparent; font-weight:bold;padding: 3px 0;} .fw-text-image-wrapper table a[href^="tel:"]{color:inherit;} @media all and (max-width: 1399px){ .ProductFinderDetails .fw-intro-text{margin-top:0px;} } @media only screen and (max-width:1024px) and (min-width:992px){ .pd-box-snapdown-click .pd-box-text { max-width: 247px;} } @media all and (max-width: 767px){ .Productdetail .FinderTabs .fw-tabbed-wrap .fw-section-ttl { padding-bottom: 8px; margin-bottom: 0;} } /*-----------Marine Portal=======*/ .TrainingPortalLanding table#inv-responsive {table-layout: fixed;} /*---- sustainability-----*/ .downloadTable{border-top: 1px solid #ccc;} .downloadTable tr{float: left;width: 100%;border-bottom: 1px solid #ccc;} .downloadTable tr td.pdfLink{float:left;width:70%;padding:15px 0px;} .downloadTable tr td.pdfSize{float:left;width:30%;font-size: 14px;text-align: right;padding:15px 0px;} .downloadTable tr td.pdfSize::after{display: inline-block;font-size: 14px;margin-left: 15px;top: 0px;position: relative;color:#fd4192;content: "\e311";font-family: new-icomoon;transition: all 0.25s ease 0s;float:right;} #value-chain-competitiveness #inner-value-chain{margin-bottom:0px!important;} #value-chain-competitiveness #inner-value-chain-competitiveness{margin-top:0px!important} #value-chain-competitiveness .fw-intro-three-col .fw-intro-text{font-size:18px;line-height:26px;margin-top:25px;} #value-chain-competitiveness .vcc-footer tr{background:#fff none repeat scroll 0 0;color:#271EA8;} #value-chain-competitiveness .vcc-footer tr td a{margin-bottom: 10px !important;float: left;margin-left: 10px !important;} /*---- tablesaw-----*/ /*! Tablesaw - v2.0.2 - 2015-10-28 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2015 Filament Group; Licensed */ table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; } .tablesaw { border-collapse: collapse; width: 100%; } /* Structure */ .tablesaw { border: 0; padding: 0; } .tablesaw th, .tablesaw td { box-sizing: border-box; padding: .5em .7em; } .tablesaw thead tr:first-child th { padding-top: .9em; padding-bottom: .7em; } .tablesaw-enhanced .tablesaw-bar .btn { border: 1px solid #ccc; background: none; background-color: #fafafa; box-shadow: 0 1px 0 rgba(255,255,255,1); color: #4a4a4a; clear: both; cursor: pointer; display: block; font: bold 20px/1 sans-serif; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; text-shadow: 0 1px 0 #fff; width: 100%; /* Theming */ background-image: -webkit-linear-gradient(top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100%); background-image: linear-gradient( top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100% ); -webkit-appearance: none !important; -moz-appearance: none !important; box-sizing: border-box; -webkit-font-smoothing: antialiased; border-radius: .25em; } .tablesaw-enhanced .tablesaw-bar a.btn { color: #1c95d4; } .tablesaw-enhanced .tablesaw-bar .btn:hover { text-decoration: none; } /* Default radio/checkbox styling horizonal controlgroups. */ .tablesaw-bar .btn-select select { background: none; border: none; display: block; position: absolute; font-weight: inherit; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; } .tablesaw-bar .btn-select select { opacity: 0; filter: alpha(opacity=0); display: inline-block; color: transparent; } .tablesaw-bar .btn select option { background: #fff; color: #000; font-family: sans-serif; } .tablesaw-enhanced .tablesaw-bar .btn.btn-select { color: #4d4d4d; padding-right: 2.5em; min-width: 7.25em; text-align: left; text-indent: 0; } .tablesaw-bar .btn.btn-small, .tablesaw-bar .btn.btn-micro { display: inline-block; width: auto; height: auto; position: relative; top: 0; } .tablesaw-bar .btn.btn-small { font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em; } .tablesaw-bar .btn.btn-micro { font-size: .8125em; padding: .4em .7em .25em .7em; } .tablesaw-enhanced .tablesaw-bar .btn-select { text-align: left; } .tablesaw-bar .btn-select:after { background: #e5e5e5; background: rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(255,255,255,.25); content: " "; display: block; position: absolute; } .tablesaw-bar .btn-select.btn-small, .tablesaw-bar .btn-select.btn-micro { padding-right: 1.5em; } .tablesaw-bar .btn-select:after { background: none; background-repeat: no-repeat; background-position: .25em .45em; content: "\25bc"; font-size: .55em; padding-top: 1.2em; padding-left: 1em; left: auto; right: 0; margin: 0; top: 0; bottom: 0; width: 1.8em; } .tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after { width: 1.2em; font-size: .5em; padding-top: 1em; padding-right: .5em; line-height: 1.65; background: none; box-shadow: none; border-left-width: 0; } /* Column navigation buttons for swipe and columntoggle tables */ .tablesaw-advance .btn { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; text-shadow: 0 1px 0 #fff; border-radius: .25em; } .tablesaw-advance .btn.btn-micro { font-size: .8125em; padding: .3em .7em .25em .7em; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; background-position: 50% 50%; margin-left: .5em; position: relative; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { content: "\0020"; overflow: hidden; width: 0; height: 0; position: absolute; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { top: .45em; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before { left: .6em; border-right: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { left: .7em; border-left: 5px solid #808080; } .tablesaw-advance a.tablesaw-nav-btn.disabled { cursor: default; pointer-events: none; } /* Table Toolbar */ .tablesaw-bar { clear: both; font-family: sans-serif; overflow: hidden; width: 100%; position: relative; } .tablesaw-toolbar { font-size: .875em; float: left; } .tablesaw-toolbar label { padding: .5em 0; clear: both; display: block; color: #888; margin-right: .5em; text-transform: uppercase; } .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .btn { margin-top: .5em; margin-bottom: .5em; } .tablesaw-bar .btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select { margin-bottom: 0; } .tablesaw-bar .tablesaw-toolbar .btn { margin-left: .4em; margin-top: 0; text-transform: uppercase; border: none; box-shadow: none; background: transparent; font-family: sans-serif; font-size: 1em; padding-left: .3em; } .tablesaw-bar .tablesaw-toolbar .btn-select { min-width: 0; } .tablesaw-bar .tablesaw-toolbar .btn-select:after { padding-top: .9em; } .tablesaw-bar .tablesaw-toolbar select { color: #888; text-transform: none; background: transparent; } .tablesaw-toolbar ~ table { clear: both; } .tablesaw-toolbar .a11y-sm { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; } @media (min-width: 24em) { .tablesaw-toolbar .a11y-sm { clip: none; height: auto; width: auto; position: static; overflow: visible; } } table.tablesaw tbody th { font-weight: bold; } table.tablesaw thead th, table.tablesaw thead td { color: #444; font-size: .9em; } .tablesaw th, .tablesaw td { line-height: 1em; text-align: left; vertical-align: middle; } .tablesaw td, .tablesaw tbody th { vertical-align: middle; font-size: 1.17em; /* 19px */ } .tablesaw td .btn, .tablesaw tbody th .btn { margin: 0; } .tablesaw thead { border: 1px solid #e5e5e4; background: #e2dfdc; background-image: -webkit-linear-gradient(top, #fff, #e2dfdc); background-image: linear-gradient(to bottom, #fff, #e2dfdc); } .tablesaw thead th { font-weight: 100; color: #777; text-transform: uppercase; text-shadow: 0 1px 0 #fff; text-align: left; } .tablesaw thead tr:first-child th { font-weight: normal; font-family: sans-serif; border-right: 1px solid #e4e1de; } /* Table rows have a gray bottom stroke by default */ .tablesaw tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw caption { text-align: left; margin-bottom: 0; opacity: .5; filter: alpha(opacity=50); line-height: 2.4; } @media (min-width: 25em) { .tablesaw caption { margin-bottom: .6em; line-height: 1.2; } } /* Stack */ .tablesaw-cell-label-top { text-transform: uppercase; font-size: .9em; font-weight: normal; } .tablesaw-cell-label { font-size: .65em; text-transform: uppercase; color: #888; font-family: sans-serif; } @media (min-width: 40em) { .tablesaw td { line-height: 2em; } } @media only all { .tablesaw-swipe .tablesaw-cell-persist { border-right: 1px solid #e4e1de; } .tablesaw-swipe .tablesaw-cell-persist { box-shadow: 3px 0 4px -1px #e4e1de; } } /* Table rows have a gray bottom stroke by default */ .tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; } /* Mobile first styles: Begin with the stacked presentation at narrow widths */ @media only all { /* Show the table cells as a block level element */ .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; } /* Make the label elements a percentage width */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 .6em 0 0; width: 30%; display: inline-block; } /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; } .tablesaw-cell-label { display: block; } /* Avoid double strokes when stacked */ .tablesaw-stack tbody th.group { margin-top: -1px; } /* Avoid double strokes when stacked */ .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } } @media (max-width: 39.9375em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-cell-content { max-width: 67%; display: inline-block; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } /* Media query to show as a standard table at 560px (35em x 16px) or wider */ @media (min-width: 40em) { .tablesaw-stack tr { display: table-row; } /* Show the table header rows */ .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } .tablesaw-fix-persist { table-layout: fixed; } @media only all { /* Unchecked manually: Always hide */ .tablesaw-swipe th.tablesaw-cell-hidden, .tablesaw-swipe td.tablesaw-cell-hidden { display: none; } } .btn.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block; } .tablesaw-columntoggle-btnwrap { position: relative; /* for dialog positioning */ } .tablesaw-columntoggle-btnwrap .dialog-content { padding: .5em; } .tablesaw-columntoggle tbody td { line-height: 1.5; } /* Remove top/bottom margins around the fieldcontain on check list */ .tablesaw-columntoggle-popup { display: none; } .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup { display: block; position: absolute; top: 2em; right: 0; background-color: #fff; padding: .5em .8em; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc; border-radius: .2em; z-index: 1; } .tablesaw-columntoggle-popup fieldset { margin: 0; } /* Hide all prioritized columns by default */ @media only all { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: none; } } .tablesaw-columntoggle-btnwrap .dialog-content { top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em; margin: -.5em auto 0; } .tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; } /* Preset breakpoints if "" class added to table */ /* Show priority 1 at 320px (20em x 16px) */ @media (min-width: 20em) { .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: table-cell; } } /* Show priority 2 at 480px (30em x 16px) */ @media (min-width: 30em) { .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 { display: table-cell; } } /* Show priority 3 at 640px (40em x 16px) */ @media (min-width: 40em) { .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 { display: table-cell; } .tablesaw-columntoggle tbody td { line-height: 2; } } /* Show priority 4 at 800px (50em x 16px) */ @media (min-width: 50em) { .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 { display: table-cell; } } /* Show priority 5 at 960px (60em x 16px) */ @media (min-width: 60em) { .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 { display: table-cell; } } /* Show priority 6 at 1,120px (70em x 16px) */ @media (min-width: 70em) { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 { display: table-cell; } } @media only all { /* Unchecked manually: Always hide */ .tablesaw-columntoggle th.tablesaw-cell-hidden, .tablesaw-columntoggle td.tablesaw-cell-hidden { display: none; } /* Checked manually: Always show */ .tablesaw-columntoggle th.tablesaw-cell-visible, .tablesaw-columntoggle td.tablesaw-cell-visible { display: table-cell; } } .tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; white-space: nowrap; } .tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; } .tablesaw-sortable, .tablesaw-sortable thead, .tablesaw-sortable thead tr, .tablesaw-sortable thead tr th { position: relative; } .tablesaw-sortable thead tr th { padding-right: 1.6em; vertical-align: top; } .tablesaw-sortable th.tablesaw-sortable-head, .tablesaw-sortable tr:first-child th.tablesaw-sortable-head { padding: 0; } .tablesaw-sortable th.tablesaw-sortable-head button { padding-top: .9em; padding-bottom: .7em; padding-left: .6em; padding-right: 1.6em; } .tablesaw-sortable .tablesaw-sortable-head button { min-width: 100%; color: inherit; background: transparent; border: 0; padding: 0; text-align: left; font: inherit; text-transform: inherit; position: relative; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { width: 7px; height: 10px; content: "\0020"; position: absolute; right: .5em; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after { content: "\2191"; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { content: "\2193"; } .tablesaw-sortable .not-applicable:after { content: "--"; display: block; } .tablesaw-sortable .not-applicable span { display: none; } .tablesaw-advance { float: right; } .tablesaw-advance.minimap { left: 50%; margin-right: 0; position: absolute; transform: translate(-50%, 0px); width: auto; top: 6px; } .tablesaw-advance .x-of-y-wrapper { font-family: "proxima n w01 bold", arial; text-transform: uppercase; } .tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; display: none; } .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: 2px 4px 0 0; } .tablesaw-advance-dots li i { width: 5px; height: 5px; background: #555; border-radius: 100%; display: inline-block; } .tablesaw-advance-dots-hide { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } /*---- taxonomy-----*/ /*-------- Background keyframes start ---------*/ @-webkit-keyframes animate-background-in { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(0.85); transform: scale(0.85) } } @keyframes animate-background-in { 0% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(0.85); transform: scale(0.85) } } @-webkit-keyframes animate-background-out { 0% { -webkit-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes animate-background-out { 0% { -webkit-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85) } 100% { -webkit-transform: scale(1); transform: scale(1) } } /*-------- Background keyframes end ---------*/ /*-------- Popup keyframes start ---------*/ @-webkit-keyframes animate-modal-in { 0% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } } @keyframes animate-modal-in { 0% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } 100% { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } } @-webkit-keyframes animate-modal-out { 0% { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } 100% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } } @keyframes animate-modal-out { 0% { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } 100% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } } /*-------- Popup keyframes ends ---------*/ /*--------- Animation popup starts ---------*/ .story-popup-wrapper.open{display:block;overflow:visible;} .scrollable-container{-webkit-overflow-scrolling:touch;z-index:1;background:#fff;position:relative;top:0 !important;left:0;width:100%;margin-top:100px;overflow-y:auto;overflow-x: hidden;height:calc(100vh - 100px); height:-ms-calc(100vh - 100px); height:-webkit-calc(100vh - 100px);} .scrollable-container{-webkit-animation: animate-modal-out;animation: animate-modal-out;-webkit-animation-duration: .445s;animation-duration: .445s;-webkit-animation-timing-function: cubic-bezier(0.10, 0.045, 0.185, 1);animation-timing-function: cubic-bezier(0.10, 0.045, 0.185, 1);} .open .scrollable-container{-webkit-animation: animate-modal-in;animation: animate-modal-in;-webkit-animation-duration: .445s;animation-duration: .445s;-webkit-animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1);animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1);opacity:1 !important;} /*---------Animation background scale starts ---------*/ #MainWrapper.popup-open{-webkit-animation: animate-background-in; animation: animate-background-in; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1); animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1); -webkit-overflow-scrolling:touch;} #MainWrapper.popup-close{-webkit-animation: animate-background-out; animation: animate-background-out; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1); animation-timing-function: cubic-bezier(0.11, 0.045, 0.185, 1)} /*---------Animation background scale ends ---------*/ .scrollable-container .section.sections-wrap.fist-div > .new-country-site-section:first-child{padding-top:0;} .scrollable-container .sections-wrap .new-country-site-section.first-div:not(.Gray){padding-top:0;} .popup-story-date{color:#a4a4a4;padding-top:92px;} .story-popup-intro-module{width:100%;float:left;} .story-popup-intro-module.Gray{background:#f5f5f5;padding:70px 0 50px;margin-top:77px;} .popup-story-date + .homecontentwrapper.no-image .home-content-fw-inner{padding-top:0;} .insights-filter-inner-total li a{height:auto !important;} .scrollable-container .section.sections-wrap .new-country-site-section.fw-testimonial{margin-bottom:0;} .filter-click li.hide{display:none !important} .scrollable-container:after {content: '';width: 100%;height: 100%;top: 0;left: 0;background: #fff url(~/media/Images/R/Rolls-Royce/css/loader-new.gif) no-repeat center 50px;position: absolute;z-index: 99;opacity:1;transition:all 0.6s;} .loaded.scrollable-container:after{z-index:-99;opacity:0;} .story-popup-wrapper {position: fixed;top: 0;left: 0;z-index: 9999;display:none;width:100%;background: transparent !important;} .story-popup-wrapper:after {content: '';background: rgba(0,0,0,0.5);width: 10000px;height: 10000px;position: absolute;top: 0;left: 0;opacity:0;-o-transition: opacity 0.6s;transition: opacity 0.6s;-ms-transition: opacity 0.6s;-webkit-transition: opacity 0.6s;} .story-popup-wrapper.open:after{opacity:1;} .scrollable-container .section.sections-wrap.fist-div > .sub-section.last-div{margin-bottom:0 !important;} .scrollable-container > .section{width:100%;float:left} .bottom-close-wrapper{min-height: 200px;width: 100%;text-align: center;float:left;} .bottom-close-wrapper a{width:120px;height:120px;text-transform:uppercase;background:#fff;color:#10069f;border-radius:50%;text-decoration:none;padding-top:65px;-webkit-box-shadow:0px 25px 50px 0px rgba(0,0,0,0.15);box-shadow:0px 25px 50px 0px rgba(0,0,0,0.15);font-size:1.15em;position:relative;margin:80px auto;display:block;transition:all 0.445s ease-in-out} .bottom-close-wrapper a:before{content: "\eee2";font-family: icomoon;font-size: 28px;position: relative;position:absolute;top:40px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);} .bottom-close-wrapper a:hover{background:#10069f;color:#fff;} .insights-filter-main.inactive ul li a{pointer-events:none;} #MainWrapper{-webkit-transition:opacity 0.445s, margin-top 0.445s, -webkit-transform 0.445s;transition:opacity 0.445s, margin-top 0.445s, -webkit-transform 0.445s;-o-transition:transform 0.445s, opacity 0.445s, margin-top 0.445s;transition:transform 0.445s, opacity 0.445s, margin-top 0.445s;transition:transform 0.445s, opacity 0.445s, margin-top 0.445s, -webkit-transform 0.445s;-ms-transition:transform 0.445s, margin-top 0.445s, opacity 0.445s;-webkit-transition:transform 0.445s, opacity 0.445s, margin-top 0.445s;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;} .no-scroll{position:relative;overflow:hidden;height:100%;} .no-scroll #MainWrapper{opacity:0;} #close-popup{float: right;cursor: pointer;display: block;padding: 35px 100px 39px;color: rgb(16, 6, 159);font-size: 1.500em;-o-transition: all 0.25s ease 0s;transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;} .dynamic-stories .differpagination{text-align:left !important;} /* .dynamic-stories .differpagination.loader{display:none !important;} */ .differpagination.clearfix.loader {display: block !important;overflow: hidden;} .differpagination.clearfix.loader > div{display:none !important;} .loader #loadmore,.loader + div #loadmore{display:none;} .loader{display:block;} .close-popup-wrapper{float:left;width:100%;-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.12);box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.12);background:#fff;position: relative;z-index: 2;} #close-popup:after {content: "\eee2";font-family: icomoon;font-size: 28px;position: relative;top: 5px;margin-left: 10px;} .story-popup-wrapper .section.sections-wrap .new-country-site-section.fw-stats-section {margin-top: 61px;} .story-popup-wrapper .section.sections-wrap .fw-testimonial.new-country-site-section {margin-top: 53px;} .back-to-previous{padding: 40px 100px 35px;display:block;float: left;} span.back-to-previous a {cursor: pointer;display: block;color: #10069f;font-size: 1.3em;text-decoration: none;line-height: 1.2em;text-transform:uppercase;} span.back-to-previous a:hover,#close-popup:hover{color:#006dff;} span.back-to-previous a:before{content: "\eee12";font-family:icomoon !important;position:relative;top:2px;} .hsp-main.disover-item a:before{display:none;} .nojs .dynamic-stories .insights-mid-fw .hsp-text h3:after {content: "\eee3";font-family: icomoon;color: #1cafd3;font-size: 0.9em;left: 0;line-height: 0.7;position: relative;top: 4px;} .dynamic-stories .insights-mid-fw .hsp-text h3 .icon-chevron-right-new{color: #fa4692;font-size: 0.5em;left: 0;line-height: 0.7;position: relative;top: 0px;margin-left: 15px;display:none;} .story-popup-wrapper .fw-related-products .products-wrapper.disabled-slick-space{padding-bottom:0;} .story-popup-wrapper .last-div:not(.fw-flickr),.story-popup-wrapper .last-div.fw-flickr.Gray{margin-bottom:0 !important} .insights-filter-inner .filter-tab-content:not(.filter-tab-contenttype) ul li.disabled a {color: rgba(91, 91, 91,0.4);border-color: rgba(91, 91, 91,0.4);pointer-events: none !important;} .dynamic-stories .insights-filter-title{margin-bottom: 100px;} .dynamic-stories .insights-after-select-total{display:none;} .dynamic-stories .insights-mid-fw-inner{margin-top:0;margin-left: -7px;margin-right: -7px;} .dynamic-stories .add-top-margin{margin-top:100px;} @media all and (min-width: 1399px){ .hsp-innerwrapper { min-height: 96px;display: table; } .hsp-innerwrapper h3{ vertical-align: bottom; display: table-cell;} } @media all and (max-width:1399px) and (min-width:1025px){ .dynamic-stories .add-top-margin{margin-top:70px;} } @media all and (max-width:1024px) and (min-width:768px){ .dynamic-stories .add-top-margin{margin-top:50px;} } @media all and (max-width:767px){ .dynamic-stories .add-top-margin{margin-top:40px;} } @media all and (min-width:641px) and (max-width: 1398px){ .hsp-innerwrapper { min-height: 69px; display: table; width: 100%;} .hsp-innerwrapper h3{ vertical-align: bottom; display: table-cell;} } /*----------Deeplink filter list inside popup-----------*/ .assigned-filter-section{width:100%;float:left;} .filter-max-width{max-width:1170px;margin:45px auto;} .assigned-filter-section ul{display: table-cell;} .assigned-filter-section ul li{display:inline-block;} .assigned-filter-section ul li a{margin-bottom: 15px;text-decoration: none;color: rgb(16, 6, 159);padding: 8px 15px;margin-right: 10px;display: block;box-shadow: 0 1px 7px 0 #00000014;border: solid 1px #cddae6;} .assigned-filter-section ul li a:after{content: "\e311";font-family: new-icomoon;color: #fa4692; position: relative;top: 0px;margin-left: 6px;font-size: 0.7em;} .assigned-filter-section ul li a:hover,.assigned-filter-section ul li a:hover:after{color:#006dff;} .filter-title{display: table-cell;padding-right: 30px;color:#1e3643;font-size: 1.143em;line-height: 1em;margin-top: 10px;white-space: nowrap;} /*-----------Tabs with bulleted list and downloads-----------*/ .story-popup-wrapper .fw-tabs-with-bullets-and-downloads .font18 ul li:before{background: #004990;border-radius: 50%;content: "";height: 8px;left: -25px;position: absolute;top: 9px;width: 8px;} .story-popup-wrapper .fw-tabs-with-bullets-and-downloads .font18 ul li {list-style: none;} .story-popup-wrapper .fw-tabs-with-bullets-and-downloads .font18 ul li, .fw-tabs-with-bullets-and-downloads .font18 ol li {padding-bottom: 5px;position: relative;} .story-popup-wrapper .fw-tabs-with-bullets-and-downloads .font18 ul {list-style-type: disc;padding-bottom: 14px;padding-left: 25px;} .story-popup-wrapper .fw-tabs-with-bullets-and-downloads .font18 ul li, .fw-tabs-with-bullets-and-downloads .font18 ol li {padding-bottom: 25px;} /*---------Text and download and language ------------*/ .story-popup-wrapper .fw-text-download-and-language .font16 ul { list-style-type: none; padding-top: 5px; padding-left: 0; display:none; position:absolute; width:100%; border:1px solid #93afbb; background-color:#f7f7f7; padding-bottom: 5px; max-height: 150px; z-index:5; } .story-popup-wrapper .fw-text-download-and-language .font16 > ul > li::before { display:none; } .story-popup-wrapper .fw-text-download-and-language .font16 ul li { padding:0; } .story-popup-wrapper .fw-text-download-and-language .font16 ul li a { text-decoration:none; padding:5px 15px; display:block; color:#93afbb; display:inline-block; } .story-popup-wrapper .fw-text-download-and-language .font16 ul li a:hover { color:#004d91; } /*--------- Module Downloads and Contacts 50-50 ------------*/ .downloads-list-slider:not(.slick-slider) {max-width: 370px;margin: 0 auto;} .float50{float:left;width:50%;} .contacts-card-slider{text-align:center;} .contacts-card-slider .fw-sld-inner-box:not(.slick-slide){display: inline-block;margin: 0 auto;max-width: 370px;text-align: center;padding-bottom: 20px;width:100%} .contacts-card-slider.slick-slider{max-width:410px;margin:0 auto;} .contacts-card-slider.slick-slider .fw-contact-cards-box{margin:-66px 20px 30px;} .contacts-card-slider.slick-slider .slick-prev + .slick-list{margin-bottom:30px;} .downloads-contacts-wrapper > .float50:first-child{border-right:1px solid #f0f0f0} .contacts-card-slider img {margin: 0 auto;position: relative;z-index: 5;width: 100px;height: auto;} .downloads-list-slide {min-height: 235px;} .downloads-contacts-wrapper{max-width:1170px;margin:0 auto;} .downloads-contacts-wrapper .float50{padding:20px 0px;} .downloads-slider-block{max-width:470px;float:left;width: 100%;} .contacts-slider-block{max-width:470px;float:right;width: 100%;} .downloads-bar{text-decoration:none;} .downloads-bar:hover,.downloads-bar:hover .downloads-bar-size,a.downloads-bar:hover:after{color:#006dff} .downloads-bar-title{padding:0 !important;} .downloads-bar-size{padding:0;} .to-uppercase{text-transform:uppercase} .downloads-bar{padding:15px 60px 12px 30px;display:block;position:relative;color:#10069f} .downloads-bar:nth-child(3n+1),.downloads-bar:nth-child(3n+3){background:#f4f4f4;} .downloads-contacts-wrapper .fw-section-ttl{margin-bottom:51px} a.downloads-bar:after {content: "\e313";font-family: new-icomoon;position: absolute;top: 50%;right: 30px;font-size: 1.2em;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#fa4692} .fw-sld-wrapper .downloads-contacts-wrapper .slick-list {padding-top: 0;margin-bottom: 81px;} .fw-downloads-and-contact-sld .fw-sld-wrapper{max-width: 940px;margin-left: auto;margin-right: auto;} .fw-downloads-and-contact-sld .contacts-card-slider.slick-slider .fw-contact-cards-box{margin-left:0;margin-right:0;} .fw-downloads-and-contact-sld .contacts-card-slider.slick-slider{max-width:100%} .dynamic-stories-module .fw-intro-section {margin-top: 81px;margin-bottom: 75px;} @media all and (max-width:1399px) and (min-width:1025px){ .dynamic-stories-module .fw-intro-section {margin-top: 55px;margin-bottom: 49px;} } @media all and (max-width:1024px) and (min-width:992px){ .fw-downloads-and-contact-sld .downloads-list-slider{margin-right:30px;} .fw-downloads-and-contact-sld .contacts-card-slider.slick-slider{margin-left:30px} } @media all and (max-width:1024px) and (min-width:768px){ .dynamic-stories-module .fw-intro-section {margin-top: 53px;margin-bottom: 48px;} } @media all and (max-width:991px) and (min-width:768px){ .downloads-contacts-wrapper {max-width: 83.3333%;margin: 0 auto;} .downloads-contacts-wrapper > .float50:first-child{border-right:0;} /* .fw-downloads-and-contact-sld .downloads-list-slider{max-width:83.3333%;margin:0 auto;} */ .fw-downloads-and-contact-sld .contacts-card-slider.slick-slider{max-width:75%;margin:0 auto;} } @media all and (max-width:767px){ .downloads-contacts-wrapper > .float50:first-child{border-right:0;} .dynamic-stories-module .fw-intro-section {margin-top: 28px;margin-bottom: 19px;;} .fw-downloads-and-contact-sld.fw-common-sld .fw-sld-wrapper{max-width:100% !important;margin-left:15px;margin-right:15px;} .fw-downloads-and-contact-sld .contacts-card-slider.slick-slider .fw-contact-cards-box{margin-left:0;margin-right:0;} } .fw-downloads-and-contact-sld.add-bottom-margin{margin-bottom:100px;} .fw-downloads-and-contact-sld.margin-bottom-zero{margin-bottom:0;} .fw-downloads-and-contact-sld.margin-top-zero{margin-top:0;} .popup-story-module .hsp-main.current{display:none !important;} .popup-story-module .home-mid-fw{text-align:center;} .popup-story-module .hsp-main{float:none;} .popup-story-module .hsp-main:nth-child(5){display:none;} .popup-story-module .hsp-main:nth-child(5).show{display:block;} @media all and (min-width:992px){ .story-popup-wrapper .homecontentwrapper:not(.no-image) .home-content-fw-inner{margin-top:0 !important;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .story-popup-wrapper .homecontentwrapper:not(.no-image) .home-content-fw-inner.home-content-fw-inner-bottom {transform: none;-webkit-transform: none;-ms-transform: none;} } @media all and (max-width:1399px){ .filter-max-width,.fw-downloads-and-contact-sld.fw-common-sld .fw-sld-wrapper{max-width:83.33%;} .contacts-card-slider/*,.downloads-list-slider*/{max-width:370px;margin:0 auto;float:none;} .story-popup-wrapper .fw-tabbed-wrap:not(.video-section){padding-left: 30px;padding-right: 30px;} .story-popup-wrapper .fw-testimonial .fw-tabbed-wrap{padding-left:0;padding-right:0;} .our-stories-hub .filter-click li a{min-width:inherit;} } @media all and (max-width:1399px) and (min-width:1025px){ .dynamic-stories .insights-filter-title{margin-bottom:70px} } @media all and (max-width:1024px) and (min-width:992px){ .dynamic-stories .insights-filter-title{margin-bottom:50px} } @media all and (min-width:992px){ .insights-filter-inner ul li a{height:auto !important;} } @media all and (max-width:991px){ .insights-mobi-filter-active .dynamic-stories-module{display:none;} .insights-filter-inner ul li a{float:left;} .dynamic-stories .mobi-Filter-Done{bottom:0px;position:static} .float50{width:100%;float:left;} .contacts-slider-block,.downloads-slider-block{margin: 0 auto;max-width: 600px;float:none;} .filter-max-width{margin-left:30px;margin-right:30px;} #close-popup{padding-left:30px;padding-right:30px;} .contacts-slider-block, .downloads-slider-block{height:auto !important;} } @media all and (max-width:991px) and (min-width:768px){ .dynamic-stories .insights-filter-title{margin-bottom:20px} .back-to-previous{padding-left:20px;padding-right:20px;} /* #MainWrapper.popup-open{transform:scale(0.94);-ms-transform:scale(0.94);-webkit-transform:scale(0.94);} */ } @media all and (max-width: 767px){ .insights-filter-inner ul li a{padding-right:10px} .story-popup-wrapper .section.sections-wrap .fw-testimonial.new-country-site-section{margin-bottom:35px;} .dynamic-stories .insights-filter-title {margin-top:30px;margin-bottom:20px;} /* #MainWrapper.popup-open{transform:scale(0.96);-ms-transform:scale(0.96);-webkit-transform:scale(0.96);} */ span.back-to-previous a,#close-popup{font-size:1.15em;} .back-to-previous{width:65%;padding:21px 5px 18px;text-transform:uppercase} #close-popup{width: 35%;padding:15px 34px 18px;} #close-popup:after{font-size:22px;top:4px;margin-left: 5px;} .close-popup-wrapper{height:60px;} .scrollable-container{margin-top:60px;height:calc(100vh - 60px); height:-ms-calc(100vh - 60px); height:-webkit-calc(100vh - 60px);} .filter-max-width {margin-left: 15px;margin-right: 15px;display: block;} .filter-title{display:block;margin-bottom:15px;} .assigned-filter-section ul{display:block} .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img{min-height:180px !important;} .homecontentwrapper,.videoGalleryModuleN{overflow:hidden;width:100%} .contacts-card-slider, .downloads-list-slider {max-width: 100%;margin: 0 auto;float: none;} /* .downloads-list-slider{padding:0 20px;} */ .downloads-contacts-wrapper > .float50:first-child{border:none;} .story-popup-wrapper .fw-tabbed-wrap {padding-left: 0 !important;padding-right: 0 !important;} .story-popup-wrapper .fw-tabs-with-text-downloads .fw-tabbed-wrap,.story-popup-wrapper .fw-tabbed-two-col .fw-tabbed-wrap {padding-left: 15px !important;padding-right: 15px !important;} .story-popup-wrapper .morethen8dots .slick-prev{left:0 !important;} .story-popup-wrapper .morethen8dots .slick-next{right:-8px !important;} .bottom-close-wrapper a {width: 100px;height: 100px;padding-top: 50px;margin: 50px auto;} .bottom-close-wrapper a:before{top:25px} } .nojs .pagination-loadmore ul{text-align:center;} .nojs .pagination-loadmore ul li a,.nojs .pagination-loadmore ul li>strong {text-align: center;padding: 5px 10px;display: block;text-decoration: none;border: 1px solid rgb(39, 30, 168);margin-top: 20px;background: rgba(39, 30, 168,0.2) !important;margin:20px 5px;color:rgb(39, 30, 168)} /*---- bootstrap-----*/ /*---------------- Start Reset CSS ----------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /*---------------- End Reset CSS ----------------- */ /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=201a9afe259b04475314) * Config saved to config.json and https://gist.github.com/201a9afe259b04475314 */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a:focus { outline: thin dotted; /* outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;*/ } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .container { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } @media (min-width: 801px) { .container { width: 730px; } } @media (min-width: 1010px) { .container { width: 950px; } } @media (min-width: 1200px) { .container { width: 1000px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } .row { margin-left: -5px; margin-right: -5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 801px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } /*---- temp-home-animation-----*/ body#Homepage .section1-content { margin: 0; overflow: hidden; } body#Homepage .animate-image {/*height: 558px !important;*/ } body#Homepage .animate-image img{/*width: auto;*/} @media (max-width: 1999px) { .home-banner-fw-inner{min-height:0;} } @media (max-width: 1399px) { .home-banner-fw-inner{background:none !important; min-height: 0;} } @media (max-width: 639px) { .home-banner-fw-inner { min-height: 0; } } @media (max-width: 991px) { .home-banner-fw .video_fade { background: none !important; min-height: 0 !important; } } /*body#Homepage .home-banner-fw-inner { background: none !important;height: 100% !important;}*/ /* @media all and (min-width: 721px) and (max-width: 840px) { body#Homepage .home-banner-fw-inner { background: none !important; min-height: 433px !important; height: auto !important; } body#Homepage .fw-1399-banner-img { display: none !important; height: 1px !important; } } @media all and (min-width : 414px) and (max-width : 736px){ body#Homepage .home-banner-fw-inner { background: none !important; min-height: 330px !important; height: 330px !important;} } @media all and (min-width : 414px) and (max-width : 736px) and (orientation: portrait) { body#Homepage .home-banner-fw-inner { background: none !important; min-height: 300px !important; height: auto !important;} } @media all and (min-width : 414px) and (max-width : 736px) and (orientation: landscape) { body#Homepage .home-banner-fw-inner { background: none !important; min-height: 368px !important; height: auto !important;} } @media all and (min-width: 921px) and (max-width: 1040px) { body#Homepage .home-banner-fw-inner { background: none !important; min-height: 385px; height: auto !important; /*border: 1px solid #ff0000; } }*/ /*---- full-width-breadcrumb-----*/ .new-bread-div-active-inner li.bread-uppercase.selected> a{text-transform:none; pointer-events: none;} .new-bread-div-active-inner li.bread-uppercase.selected> a span{ visibility: hidden;;} .new-bread-div-active-inner .secondlevelnextall li.selected a{color:#fe8ebe} /*======AS per new Styling======*/ .BreadcrumbInnerWrap{max-width: 1383px; padding: 0 0 0 0; background: #fff; margin: 0 auto;} .fullWidth-country .new-bread-div-active-inner { padding: 14px 10px 13px 8px; font-weight: 800; color: #fd4192; } .breadcrumbWrap{ background: #fff; -webkit-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -moz-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -ms-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -o-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} /*.new-bread-div:nth-child(1) { padding-left: 10px;} */ .view-more-nav-container { padding-left: 10px; } #MainWrapper .breadcrumbWrap .new-second-level-navigation-outer{ border-top: none; border-bottom: none;} body.megamenuhover .new-second-level-navigation-outer { opacity: 0.5; z-index:1;} .new-second-level-navigation-outer { background: #004990; opacity: 1; position:relative; } body#Homepage .breadcrumbWrap,#innovation .breadcrumbWrap { display: none; } .new-second-level-navigation { background: #004990; font-size: 1.143em; margin: 0 auto; /*max-width: 1440px;*/max-width: 1400px; } .new-second-level-navigation ul li { display: inline-block; padding: 0 20px; } .new-second-level-navigation ul li a, .new-second-level-navigation ul li > span { display: block !important; text-decoration: none; /*padding: 15px 37px 14px 13px; */ padding: 14px 0; } .new-second-level-navigation ul li > span, .new-second-level-navigation ul li.selected a span { color: #FF8CBE; } .new-second-level-navigation ul li.selected a span{} .new-second-level-navigation ul li a:hover { color:#FF8CBE /*color: #fe8ebe;*/ } .mainsecondlevel { display: inline-block; } .secondlevelmore { display: none; position: absolute; /*right: 47px;*/right: 0; top: 0; width: 108px; } .secondlevelnextall { display: none; } .new-second-level-navigation-inner > ul#new-secondnav-section-Homepage-level2, .new-bread-div-active-inner > ul, .new-bread-div-active-inner { display: block; } .secondlevelmore > a { color: #fff; display: block; padding: 14px 16px 15px 24px; text-decoration: none; } .secondlevelmore > a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; content: ""; left: 66px; position: absolute; top: 23px; } .secondlevelmore.hasActiveEle > a { color: #fe8ebe; } .secondlevelmore.hasActiveEle > a:hover { color: #fe8ebe; } .secondlevelmore.hasActiveEle > a:after { border-top: 7px solid #fe8ebe; } .secondlevelnextall, .hideshow > ul { background: #1509b6 none repeat scroll 0 0; position: absolute; /*right: 47px;*/right: 0; top: 50px; width: 250px; z-index: 500; } .hideshow > ul li.level6 { display: none; } .secondlevelnextall ul { list-style: none; } .secondlevelnextall li { list-style: none; } .secondlevelnextall li a, .secondlevelnextall li> span { color: #fff; display: block !important; padding: 12px 25px 17px 28px; text-decoration: none } .secondlevelnextall li a:hover { color: #fe8ebe; } .secondlevelnextall li > span { color: #fe8ebe; } .secondlevelmore > a:hover { background: #1509b6; color: #FFF; } .secondlevelmore > a.moreactive { background: #1509b6; color:#fe8ebe} .secondlevelmore > a.moreactive:after{border-top:7px solid #fe8ebe;} /*.show-menu > ul > li.selected > ul, .show-menu > ul > li.selected > ul > li.selected > ul, .show-menu > ul > li.selected > ul > li.selected > ul > li.current > ul, .show-menu > ul > li.selected > ul > li.selected > ul > li.selected > ul{ display: block; opacity: 1; visibility: visible; } .show-menu > ul > li.selected > ul, .show-menu > ul > li.selected > ul > li.current > ul{ display: block; opacity: 1; visibility: visible; }*/ /* Don't Remove */ .new-second-level-navigation-outer{/*overflow:hidden;*/ height:50px;} .new-second-level-navigation-outer > div{/*visibility:hidden;*/} /* Don't Remove */ .new-second-level-navigation-inner-level2, .new-second-level-navigation-inner-level3, .new-second-level-navigation-inner-level4, .new-second-level-navigation-inner-level5 { display: none; } .new-second-level-navigation ul li ul { display: none; } .new-bread-selected-item { display: block; } /*.new-second-level-navigation ul li.new-bread-show { display: block; } .new-second-level-navigation ul li.siblings-show { display: block; }*/ .new-bread-div:nth-child(1), .new-bread-div:nth-child(2), .new-bread-div:nth-child(2) .separator { /*display: none;*/ } .new-bread-div a { color: #1e3643; display: inline-block; padding: 14px 10px 13px 8px; text-decoration: none } .new-bread-div > ul { display: none; } .new-bread-div-active { color: #fff; display: inline-block; height: 50px; vertical-align: top; } .new-bread-div { display: inline-block; position: relative; } .new-bread-div .separator { color: #fe8ebe; display: inline-block; font-size: 1.4em; line-height: 1; margin: -2px -1px 0; padding: 0 0 0 22px; vertical-align: middle; } .new-bread-div > a:hover .separator { /*visibility: hidden;*/} .new-bread-div > ul { background: #1509b6 none repeat scroll 0 0; display: none; left: -22px; position: absolute; z-index: 500; } /*.new-bread-div-active-inner ul li { display: inline-block; } .new-bread-div-active-inner ul li.siblings-show { display: inline-block; }*/ .new-second-level-navigation .new-bread-div ul li { display: block; width: 275px; padding: 0; } .new-second-level-navigation .new-bread-div ul li:hover > ul { display: block; } .new-second-level-navigation .new-bread-div ul li ul { background: #1a0dc9; display: none; left: 100%; position: absolute; top: 0;min-height: 100%; } .new-second-level-navigation .new-bread-div ul li ul li ul { background: #2112ec; } .new-second-level-navigation .new-bread-div ul li:hover a > span.icon-chevron-right, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover a > span.icon-chevron-right, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover a > span.icon-chevron-right { color: #fe8ebe; } .new-second-level-navigation .new-bread-div ul li:hover ul li > a > span.icon-chevron-right, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li > a > span.icon-chevron-right { color: #fff; } .new-second-level-navigation .new-bread-div ul li ul li:hover a { background: #1e10de; } .new-second-level-navigation .new-bread-div ul li span.icon-chevron-right { display: block; margin: -7px 0 0; position: absolute; right: 17px; top: 50%; } .new-second-level-navigation .new-bread-div ul li a, .new-second-level-navigation .new-bread-div ul li > span { padding: 15px 40px 14px 31px; position: relative; } .new-bread-div > a { /*text-transform: uppercase; */} .new-second-level-navigation .new-bread-div ul li.selected { display: none; } .new-bread-div a.bread-active, .new-bread-div > a:hover { /*background: #1509b6 none repeat scroll 0 0; */ } .new-second-level-navigation .new-bread-div ul li:hover a { background: #1a0dc9; } .new-second-level-navigation .new-bread-div ul li ul li ul li:hover a { background: #2112ec; } .new-second-level-navigation li.bread-uppercase ul li ul li ul li:hover a { background: #2112ec; } .new-second-level-navigation li.bread-uppercase ul li ul li ul li ul li:hover a { background: #2112ec; } .new-second-level-navigation .new-bread-div ul li ul li ul li ul li:hover a { background:#2112ec; } /*.new-second-level-navigation .new-bread-div ul li ul li ul li ul { background: #2112ec; }*/ .new-second-level-navigation .new-bread-div ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover a,.new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a { color: #fe8ebe; } .new-second-level-navigation .new-bread-div ul li:hover ul li > a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li > a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li > a,.new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover ul li > a { color: #fff; } .new-second-level-navigation .new-bread-div ul li ul li ul li ul ul > li span.icon-chevron-right { display: none;} .new-bread-div-active-inner .secondlevelnextall li { display: block; } .new-second-level-navigation .bread-uppercase > span { display: inline-block; } .bread-uppercase { /*text-transform: uppercase;*/ } body.ip3-level1 .bread-uppercase { display: none; } .new-second-level-navigation ul li.bread-uppercase a span.separator { display: inline-block; padding: 0 0 0 30px; } .new-second-level-navigation li.bread-uppercase ul { background: #1509b6 none repeat scroll 0 0; display: none; left: 0; position: absolute; z-index: 500; text-transform: none; } /* New Bread item Drop Down */ .new-second-level-navigation li.bread-uppercase ul li { display: block; width: 275px; padding: 0; } .new-second-level-navigation li.bread-uppercase ul li:hover > ul { display: block; } .new-second-level-navigation li.bread-uppercase ul li ul { background: #1a0dc9; display: none; left: 100%; position: absolute; top: 0; } .new-second-level-navigation li.bread-uppercase ul li ul li ul { background: #1e10de; } .new-second-level-navigation li.bread-uppercase ul li ul li ul li ul { background: #2112ec; } .new-second-level-navigation li.bread-uppercase ul li:hover a > span.icon-chevron-right, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover a > span.icon-chevron-right, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li:hover a > span.icon-chevron-right { color: #fe8ebe; } .new-second-level-navigation li.bread-uppercase ul li:hover ul li > a > span.icon-chevron-right, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li > a > span.icon-chevron-right { color: #fff; } .new-second-level-navigation li.bread-uppercase ul li ul li:hover a { background: #1e10de; } .new-second-level-navigation li.bread-uppercase ul li span.icon-chevron-right { display: block; margin: -10px 0 0; position: absolute; right: 15px; top: 50%; } .new-second-level-navigation li.bread-uppercase ul li a, .new-second-level-navigation li.bread-uppercase ul li > span { padding: 10px 40px 10px 20px; position: relative; } .new-second-level-navigation li.bread-uppercase ul li:hover a { background: #1a0dc9; } .new-second-level-navigation li.bread-uppercase ul li:hover a, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover a, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li:hover a, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li:hover ul li:hover>a { color: #fe8ebe; } .new-second-level-navigation li.bread-uppercase ul li:hover ul li > a, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li > a, .new-second-level-navigation li.bread-uppercase ul li:hover ul li:hover ul li:hover ul li > a { color: #fff; } .bread-uppercase > a.bread-active, .bread-uppercase > a:hover { /*background: #1509b6 none repeat scroll 0 0; color: #fff; */} .new-bread-div-active-inner > ul { position: relative; } .new-second-level-navigation .bread-uppercase > ul > li.current { display: none; } body.ip3-level5 .bread-uppercase { display: none; } /* New Bread item Drop Down */ .new-bread-div-active-inner ul li.level2 > span { display: none; } .new-bread-div.newbread-last > a, body.ip3-level2 .bread-uppercase > a { color: #66cfe6; } .new-bread-div a.bread-active .separator { visibility: hidden; } .new-bread-div-active a.bread-active .separator { visibility: hidden;} .new-second-level-navigation ul li.bread-uppercase > a:hover > span.separator { visibility: hidden;} .new-bread-div.bread-active-parent:before { background: #1509b6 none repeat scroll 0 0; content: ""; height: 50px; left: -22px; position: absolute; top: 0; width: 22px; } .new-bread-div:nth-child(3):before { background: none; } .new-bread-div:nth-child(3) > ul { left: 0; } .new-bread-div:nth-child(3) ul li a, .new-bread-div:nth-child(3) ul li > span { padding: 10px 40px 10px 20px; } .new-bread-div:nth-child(3) ul li span.icon-chevron-right { margin: -7px 0 0; right: 15px; } .new-bread-div-active-inner ul li {/* letter-spacing: 1.6px; */ } /*.new-second-level-navigation .new-bread-div-active-inner ul li.first { margin-left: 1px;}*/ body.ip3-level3 .new-bread-div.newbread-last > a, body.ip3-level3 .bread-uppercase > a { color: #fff; } body.ip3-level3 .new-bread-div.newbread-last > a .separator { /*color: #fff;*/} .new-second-level-navigation ul li.bread-uppercase a span.separator { color: #fe8ebe; display: inline-block; font-size: 1.4em; line-height: 1; margin: -2px -1px 0; padding: 0 0 0 22px; vertical-align: middle; } .new-second-level-navigation ul li.bread-uppercase > a { color: #fc4191; padding: 14px 10px 13px 10px; } .new-second-level-navigation ul li.bread-uppercase { padding: 0; } body.ip3-level4 .new-bread-div.newbread-last > a { color: #fff; } body.ip3-level5 .new-bread-div.newbread-last > a { color: #fff; } .new-bread-div-active-inner ul li.level6 { display: none; } .secondlevelnextall li li, .new-bread-div-active-inner .secondlevelnextall li li{display:none;} #new-secondnav-nav-people-level6 a span.icon-chevron-right{ display: none;} #china-exhibition-english .breadcrumbWrap, #china-exhibition-chinese .breadcrumbWrap { display: none; } .ce-lg-switcher { margin-top: 20%; font-size: 1.2em; font-weight: bold; margin-left: 35%; } #china-exhibition-english div#fullwidth-img-rapid .img-cnt-on-img .img-cnt-img img, #china-exhibition-chinese div#fullwidth-img-rapid .img-cnt-on-img .img-cnt-img img { width: 100%; height: auto; } .ce-lg-switcher-mobi-main { float: right; font-size: 1.1em; font-weight: bold; min-height: 30px; margin-top: 26px; } body#hungary.ip3-country-sites .breadcrumbWrap { display: none; } /*---- full-width-press-releases-----*/ .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories .bannerpara p{font-size:1.286em;line-height: 1.445;} .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories h1{font-size:2.5rem;line-height: 1.2em;} .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw{background:transparent !important;} .peopleBanner .max-width-content-no-image{max-width:none !important; } .our-stories-hub .discover-items-wrapper {max-width: none;} /*added WO#405845*/ .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw{max-width: 1170px; } .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw h1 {font-size: 2.5rem; line-height: 1.2em; } .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw .bannerpara p { font-family: "RRPioneer-Italic" !important; font-size: 1.286em; line-height: 1.445 } /*added WO#405845 ends*/ .hsp-bottom.hsp-stories-bottom {padding-top: 15px;text-transform: uppercase;} .hsp-stories-bottom .hsp-section-name {float: left;border-top: none !important;padding-top: 0 !important;padding-bottom: 6px !important;} .hsp-stories-date {float: right;position: static;color: #fff;} .fw-global-signpost-wrapper .hsp-custom-signpost.disover-item.hsp-main:not(.new-press-release-item):nth-child(1) {margin-top: 14px;} .people-wrap-banner .popup-banner-stories{color:#fff;} .story-popup-wrapper .homecontentwrapper .home-content-fw-inner.popup-banner-stories{ padding-top: 15px !important; margin-left: 113px !important; margin-top: 0 !important; position: relative; float: left; transform:none;} .people-banner-activated{background: #006dff; padding-bottom: 68px; padding-top: 65px;} .people-right-banner-wrapper{float: right; margin-right: 16.66666667%; padding-right: 10px;} .people-right-banner-wrapper img{border-radius: 50%;} .popup-banner-date{ letter-spacing: 1px; text-transform: uppercase; padding-bottom: 15px; opacity: 0.7;} .home-content-fw-inner.popup-banner-stories{max-width:580px !important;} .story-popup-wrapper .homecontentwrapper .home-content-fw-inner.popup-banner-stories h1{color:#fff;} .story-popup-wrapper .homecontentwrapper .home-content-fw-inner.popup-banner-stories .bannerpara p{font-family:"RRPioneer-Italic" !important;} .popup-banner-stories{padding-top:0 !important;} .new-press-releases-wrapper .hsp-main.disover-item:not(.hsp-news):after{content:none !important;} .new-press-releases-wrapper .hsp-custom-signpost .hsp-text h3, .new-press-release-item .hsp-text h3{ vertical-align: top; } .insights-filter-title li.hide:first-child+li { border-left: 1px solid #cad9e8;} .insights-filter-title li.hide:first-child+li.active { border-left: 1px solid #10069f;} .listGridViewWrapper {display: inline-block;margin-left: 15px;} .listGridViewWrapper > span {margin-right: 15px;cursor: pointer;font-size: 0;margin-left: 15px;} .listGridViewWrapper > span.active {color: #fa4692;} .new-press-releases-wrapper .disover-item.hsp-main.list-group-item {width: 100% !important;height: auto !important;margin: 14px auto 0px;} .disover-item.hsp-main.list-group-item .hsp-text {position: relative;} .disover-item.hsp-main.list-group-item:after {display:none;} .disover-item.hsp-main.list-group-item .hsp-img{display:none;} .disover-item.hsp-main.list-group-item .hsp-main > a { position: relative; } .list-group-item .hsp-bottom,.list-group-item .hsp-innerwrapper {display: none;} .list-group-item .hsp-bottom.list-view-hspBottom.hide {display: block;} .list-group-item .list-view-innerwrapper.hide { display:block; } .list-group-item.hsp-main.hsp-custom-signpost:hover .hsp-text:before { display:none; } .list-group-item.hsp-main.hsp-custom-signpost:hover .hsp-section-name {color: #fa4692;} .list-group-item.hsp-main.hsp-custom-signpost:hover .hsp-news-date {color: #a4a4a4;} .list-group-item.hsp-custom-signpost:hover .hsp-text h3 { color: #fa4692 !important; } .list-group-item.hsp-custom-signpost:hover .hsp-text { border: none; } .list-group-item.hsp-custom-signpost .hsp-text { border: none;padding: 0 0px 36px; } .list-group-item.hsp-custom-signpost.disover-item > a:hover { box-shadow:none; } .list-group-item.hsp-custom-signpost .hsp-news-date { float: left; margin-left: 30px; } .new-press-releases-wrapper .insightscontentwrapper .differpagination { margin-left: 7px !important;margin-right: 7px !important; } .new-press-releases-wrapper .insightscontentwrapper .differpagination.list-group-item-wrapper { margin-left: auto !important;margin-right: auto !important; max-width: 1170px; } .disover-item.hsp-main.list-group-item .hsp-text:after {content: "\eee3";font-family: 'icomoon' !important;font-size: 32px;position: absolute;right: 40px;color: #fa4692;font-weight: normal;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);margin-top:7px;} .list-group-item.hsp-main.hsp-custom-signpost .hsp-text h3 { /*padding-right: 91px;*/ padding-right: 33.33333333%; display: inline-block; height: auto !important; } .new-press-releases-wrapper .list-group-item .hsp-innerwrapper {min-height: auto;} .listGridViewWrapper.deviceShow.desktopHide { display:none; } .list-group-item.hsp-custom-signpost .hsp-text { height: auto !important; } .new-press-releases-wrapper .disover-item.hsp-main.list-group-item:last-child .hsp-innerwrapper.list-view-innerwrapper:after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; width: 100%; padding-top: 50px; position: absolute; left: 0; right: 0;} .new-press-releases-wrapper .disover-item.hsp-main.list-group-item:last-child .hsp-innerwrapper.list-view-innerwrapper { position: relative;} .new-press-releases-wrapper .pagination-loadmore { margin-top: 100px; } .listGridViewWrapper > span:before {position: relative;top: -5px;} .list-view:before {background-image: url("/~/media/Images/R/Rolls-Royce/css/list-inactive-svg.svg");width: 39px;background-repeat: no-repeat;content: "";display: inline-block;height: 40px;} .list-view:hover:before,.list-view.active:before{background-image: url("/~/media/Images/R/Rolls-Royce/css/list-active-svg.svg");} .grid-view:before {background-image: url("/~/media/Images/R/Rolls-Royce/css/grid-inactive-svg.svg");width: 33px;background-repeat: no-repeat;content: "";display: inline-block;height: 40px;} .grid-view:hover:before,.grid-view.active:before{background-image: url("/~/media/Images/R/Rolls-Royce/css/grid-active-svg.svg");} .new-press-releases-wrapper .differpagination.list-group-item-wrapper {margin-top: -14px;} @media all and (max-width:1399px){ .story-popup-wrapper .homecontentwrapper .home-content-fw-inner.popup-banner-stories{margin-left:0 !important;} .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories h1{font-size:2.25rem;line-height: 1.2em;} .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories .bannerpara p{font-size:1.143em; line-height: 1.5;} .people-right-banner-wrapper{ margin-right: 8.33333333%;} .new-press-releases-wrapper .list-group-item .hsp-innerwrapper {min-height: auto;} .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw h1 {font-size: 2.25rem; line-height: 1.2em; } .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw .bannerpara p { font-family: "RRPioneer-Italic" !important; font-size: 1.143em; line-height: 1.5 } } @media all and (max-width: 1399px) and (min-width: 1024px){ .ip3-country-sites .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw { max-width: 83.33%; } } @media all and (max-width:1280px){ .list-group-item.hsp-custom-signpost .hsp-text { padding: 0 30px 36px; } } @media all and (max-width:1024px) and (min-width:768px){ .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories{margin-left: 8.33333% !important; width: 50%;} } @media all and (max-width:991px) and (min-width:768px){ .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories{padding-top:50px !important;} .people-banner-activated{ padding-top: 0px; } .people-right-banner-wrapper{padding-top: 65px;} .homecontentwrapper.no-image .home-banner-fw .home-content-fw.people-wrap-banner{background: transparent !important; padding-top: 0px;} .new-press-releases-wrapper .listGridViewWrapper.deviceShow.desktopHide { display: inline-block;margin-right: 0;position: absolute;right: 0;top: 10px;z-index: 999; margin-left: 0; } .new-press-releases-wrapper.dynamic-stories .insights-filter-title {margin-bottom: 50px;} .insights-mobi-filter-active .new-press-releases-wrapper .listGridViewWrapper.deviceShow.desktopHide {z-index: 99;} .new-press-releases-wrapper #mobfilter { position: relative; } .new-press-releases-wrapper .filter-ttl-mobi { width: 80%; } .new-press-releases-wrapper .filter-ttl-mobi.active { width: 100%; } .ip3-country-sites .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories { padding-top: 50px !important; margin-left: 8.33333% !important; width: 50%; } } @media all and (max-width:991px){ .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw, .homecontentwrapper:not(.no-image).peopleBanner .home-banner-fw .home-content-fw{background:transparent !important;} .listGridViewWrapper.deviceShow.desktopHide { display:block;margin-bottom:30px;margin-top:0px;margin-left: 30px;margin-right: 30px; } .listGridViewWrapper.deviceHide { display:none; } .list-group-item.hsp-custom-signpost .hsp-text { padding: 0 39px 36px; } .disover-item.hsp-main.list-group-item .hsp-text:after { right: 39px; } .list-group-item.hsp-main.hsp-custom-signpost .hsp-text h3 {padding-right: 61px;} .listGridViewWrapper > span { margin-right: 30px; margin-left: 0; } } @media all and (max-width:767px){ .story-popup-wrapper .homecontentwrapper.peopleBanner .home-content-fw-inner.popup-banner-stories h1{font-size:1.875rem;} .people-banner-activated{margin-left:0 !important; margin-right:0 !important;} .homecontentwrapper.no-image .home-banner-fw .home-content-fw.people-wrap-banner{background: transparent !important;} .story-popup-wrapper .homecontentwrapper .home-content-fw-inner.popup-banner-stories{ margin-top: 30px;} .people-banner-activated{padding-top:30px; padding-bottom: 20px;} .people-right-banner-wrapper img{ height: 120px; width: 120px;} .people-right-banner-wrapper{ float: none; margin: 0 auto; text-align: center;} .homecontentwrapper.peopleBanner .home-banner-fw .home-content-fw.people-wrap-banner .home-content-fw-inner:not(.centered){background: transparent !important; text-align: center !important; float: none; margin: 0 auto !important;} .listGridViewWrapper.deviceShow.desktopHide { display:block;margin-bottom:30px;margin-top:0px;margin-left: 15px;margin-right: 15px; } .list-group-item.hsp-custom-signpost .hsp-text { padding: 0 24px 36px; } .disover-item.hsp-main.list-group-item .hsp-text:after { right: 15px; } } @media all and (max-width: 640px){ .new-press-releases-wrapper.discover-landing-page .hsp-main.disover-item.hsp-custom-signpost {width: 100% !important;margin: 14px 0px 0px;} .list-group-item.hsp-custom-signpost .hsp-text { padding: 0 7px 36px; } .disover-item.hsp-main.list-group-item .hsp-text:after { right: 0px; } .list-group-item.hsp-main.hsp-custom-signpost .hsp-text h3 {padding-right: 31px;} } /*---- magnefic-popup-----*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { cursor: pointer !important; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 2.000em; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%;font-size: 2.8em; } .mfp-counter { position: absolute; top: 10px; right: 10px; font-size: 0.857em; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 55%; margin-top: -55px; padding: 0; width: 35px; height: 50px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } /* .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }*/ button.mfp-arrow-left { left: 0; background: url(/~/media/Images/R/Rolls-Royce/css/carousel-arrows-tcm92-55446) no-repeat left center #f2f2f2;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } button.mfp-arrow-right {background: url(/~/media/Images/R/Rolls-Royce/css/carousel-arrows-tcm92-55446) no-repeat right center #f2f2f2;right: 0; } .mfp-arrow-left:hover,.mfp-arrow-right:hover{opacity: 1;-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 0.857em; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; background:#fff; padding:10px; min-height:38px; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: #fff; bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } #careersinindia .page-content{ position: absolute; margin-top: -260px; color: #004d91; opacity:0.9; filter:alpha(opacity=90); z-index: 999; font-weight: bold; width: 99%; } /*---- full-width-header-footer-----*/ html { -webkit-text-size-adjust: none; -ms-content-zooming: none; -webkit-font-smoothing: antialiased; } .used-for-clone { display: none; } @font-face { font-family: 'TheMix-Black'; font-weight: normal; font-style: normal; src: url('/~/media/Files/R/Rolls-Royce/fonts/themix-black/themixb-w9black-webfont-eot.eot'); src: url('/~/media/Files/R/Rolls-Royce/fonts/themix-black/themixb-w9black-webfont-eot.eot?#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-black/themixb-w9black-webfont-woff.woff') format('woff'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-black/themixb-w9black-webfont-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-black/themixb-w9black-webfont-svg') format('svg'); } @font-face { font-family: 'TheMix-Plain-Italic'; font-weight: normal; font-style: normal; src: url('/~/media/Files/R/Rolls-Royce/fonts/themix-500-plain-italic/themix-500i-eot.eot'); src: url('/~/media/Files/R/Rolls-Royce/fonts/themix-500-plain-italic/themix-500i-eot.eot?#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-500-plain-italic/TheMix-500i-woff.woff') format('woff'); } @font-face { font-family: 'icomoon'; src: url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-eot.eot?ais1p4'); src: url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-eot.eot?ais1p4#vr56pn') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-ttf.ttf?ais1p4') format('truetype'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-woff.woff?ais1p4') format('woff'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-svg.svg?ais1p4#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon-150219'; src: url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-050319/icomoon-eot-050319.eot?r9g0m8'); src: url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-050319/icomoon-eot-050319.eot?r9g0m8#vr56pn') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-050319/icomoon-ttf-050319.ttf?r9g0m8') format('truetype'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-050319/icomoon-woff-050319.woff?r9g0m8') format('woff'), url('/~/media/Files/R/Rolls-Royce/fonts/icomoon-050319/icomoon-svg-050319.svg?r9g0m8#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon-x'; src: url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-eot-x.eot?hv7c7y'); src: url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-eot-x.eot?hv7c7y#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-ttf-x.ttf?hv7c7y') format('truetype'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-woff-x.woff?hv7c7y') format('woff'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-svg-x.svg?hv7c7y#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'icomoon-file'; src: url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-pdf-eot.eot?764b36'); src: url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-pdf-eot.eot?764b36#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-pdf-ttf.ttf?764b36') format('truetype'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-pdf-woff.woff?764b36') format('woff'), url('/~/media/Files/R/Rolls-Royce/new-icons/fonts/icomoon-pdf-svg.svg?764b36#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon-x' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #content-container { z-index: 98;} html.mm-opened body #MainWrapper{position: fixed;} /*html.mm-opened .header-outer.detached, html.mm-opened .header-outer { display: none; }*/ /* Not in use any more .icon-search:before { content: "\e901"; } .icon-cross:before { content: "\e903"; } .icon-chevron-right:before { content: "\e900";} .icon-globe:before { content: "\e902"; } .icon-facebook:before { content: "\ea90"; } .icon-twitter:before { content: "\ea96"; } .icon-youtube:before { content: "\ea9d"; } .icon-linkedin2:before { content: "\eaca"; } */ /* .icon-search:before { content: "\eee1"; } .icon-cross:before { content: "\eee2"; } .icon-chevron-left:before { content: "\eee12"; } .icon-chevron-right:before { content: "\eee3"; } .icon-chevron-left-new:before { content: "\eee13"; } .icon-chevron-right-new:before { content: "\eee14"; } .icon-chevron-bottom-new:before { content: "\eee15"; } .icon-Burger:before { content: "\eee16"; } .icon-Filter_back:before { content: "\eee17"; } .icon-Item_checked:before { content: "\eee18"; } .icon-active-three:before { content: "\eee19"; } .icon-inactive-three:before { content: "\eee20"; } .icon-active-eight:before { content: "\eee21"; } .icon-inactive-eight:before { content: "\eee22"; } .icon-app-target:before { content: "\eee23"; } .icon-tabs-view-list-all:before { content: "\eee24"; } .icon-globe:before { content: "\eee4"; } .icon-facebook:before { content: "\eee5"; } .icon-twitter:before { content: "\eee6"; } .icon-youtube:before { content: "\eee7"; } .icon-linkedin2:before { content: "\eee8"; } .icon-rss:before { content: "\eee9"; } .icon-download:before { content: "\eee10"; } .icon-fw-pdf:before { content: "\eee11"; } .icon-linkedin-cc:before { content: "\ee12"; } .icon-icon-mail-cc:before { content: "\ee13"; } */ .icon-information-button:before{ content: "\eee25"; } .icon-search:before { content: "\eee1"; } .icon-cross:before { content: "\eee2"; } .icon-information-button:before { content: "\eee25"; } .icon-chevron-left:before { content: "\eee12"; } .icon-chevron-right:before { content: "\eee3"; } .icon-chevron-left-new:before { content: "\eee13"; } .icon-chevron-right-new:before { content: "\eee14"; } .icon-chevron-bottom-new:before { content: "\eee15"; } .icon-Burger:before { content: "\eee16"; } .icon-Filter_back:before { content: "\eee17"; } .icon-Item_checked:before { content: "\eee18"; } .icon-active-three:before { content: "\eee19"; } .icon-inactive-three:before { content: "\eee20"; } .icon-active-eight:before { content: "\eee21"; } .icon-inactive-eight:before { content: "\eee22"; } .icon-app_target:before { content: "\eee23"; } .icon-tabs-view-list-all:before { content: "\eee24"; } .icon-globe:before { content: "\eee4"; } .icon-facebook:before { content: "\eee5"; font-family: 'icomoon'; } /*.icon-twitter:before { content: "\eee6"; }*/ .icon-x-twitter:before { content: "\e900"; font-family: 'icomoon-x'; font-size: 0.8em; } .icon-youtube:before { content: "\eee7"; font-family: 'icomoon'; } .icon-linkedin2:before { content: "\eee8"; font-family: 'icomoon'; } .icon-rss:before { content: "\eee9"; } .icon-download:before { content: "\eee10"; } .icon-fw-pdf:before { content: "\eee11"; font-family: 'icomoon'; font-size: 0.9em; } .icon-linkedin-cc:before { content: "\ee12"; } .icon-icon-mail-cc:before { content: "\ee13"; } .icon-file-pdf:before { content: "\eadf"; font-family: 'icomoon-file' !important; } .icon-calendar:before { content: "\e953"; } .icon-search-icon-converted:before { content: "\e123"; } .icon-instagram:before { content: "\e900"; font-family: 'icomoon-150219' !important; font-size: 0.9em; } .icon-flickr:before { content: "\e901"; font-family: 'icomoon-150219' !important; font-size: 0.9em; } .icon-linkedin:before { content: "\eee8"; } .icon-mail-flat:before { content: "\ee13"; } .ftr-stay-in-touch .icon-file-pdf { font-size: 1.22em; margin-right: 20px; } .show-3-8-filter a.acvite span.icon-active-three:before { content: "\eee19"; } .show-3-8-filter a span.icon-active-three:before { content: "\eee20"; } .show-3-8-filter a.acvite span.icon-active-eight:before { content: "\eee21"; } .show-3-8-filter a span.icon-inactive-eight:before { content: "\eee22"; } #footer { clear: both; } .header-outer { background: #fff; /*position: relative; box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -webkit-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -moz-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -ms-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -o-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); */ z-index:99; } .megamenuhover .header-outer{z-index:auto;} #mm-0.mm-list .level1.haschildren.last { display: none;} .mm-list li.selected > a.mm-subopen:after{border-color:#004d91 !important;} .mm-list li.selected > a{color: #004d91;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren li span { color: rgba(0, 73, 144, 0.5);} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren a span { color: rgba(0, 73, 144, 0.5);} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover a span { color: #1cafd3 !important; } body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover li span { color: #1cafd3 !important; } body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren:hover a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren:hover li span {color: #1cafd3 !important;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren li span, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren a span{color: #1cafd3 !important;} /* Footer Start */ .fw-footer-outer { background: #fff none repeat scroll 0 0;} .fw-footer-inner { background: #10069f none repeat scroll 0 0; padding-top: 31px; clear: both;} .fw-footer-top, .fw-footer-bottom { margin: 0 auto; max-width: 1325px; } .fw-box1 {color: #FFF; float: left; width: 470px; padding-top: 3px; } .fw-box2 { float: left; width: 234px; margin-left: 74px } .fw-box3 { float: left; width: 250px; } .fw-box4 { float: left; width: 234px; } .fw-box2 ul li a { color: #fff; display: inline-block; padding: 6px 0; text-decoration: none; } .fw-box2 ul li a:hover,.fw-box3 ul li a:hover,.ftr-social a:hover, .ftr-stay-in-touch a:hover,.fw-ftr-links li a:hover { color: rgba(255, 255, 255, 0.7);} .fw-box3 ul li a { color: #fff; display: inline-block; padding: 6px 0; text-decoration: none; } .fw-box1 > p:first-child { font-size: 1.714em; line-height: 1; padding: 0; text-transform: uppercase; } .fw-box1 p { font-size: 1.286em; line-height: 31px; padding: 18px 0 0 3px; } #ftr-nav-contact-us-level1, #ftr-nav-country-sites-level1 { display: none; } .fw-box2 ul li:first-child, .fw-box3 ul li:first-child { text-transform: uppercase; } .fw-box2 ul li:first-child a, .fw-box3 ul li:first-child a { padding: 0 0 9px; } .fw-ftr-logo-copy { float: left; margin-top: 21px; margin-bottom: 35px; } .fw-ftr-links { float: right; margin-top: 36px; } .fw-ftr-links li a { color: #FFF; text-decoration: none; display: block; } .fw-ftr-links li { float: left; letter-spacing: 0.4px; padding: 0 2px 0 36px; position: relative; } .fw-ftr-links li:before { color: #c2c2c2; content: "|"; left: 15px; position: absolute; top: 0; } .fw-ftr-links li:first-child:before { content: ""; } .ftr-social li:first-child { padding-left: 0; } .ftr-social li { display: inline-block; padding-left: 10px; vertical-align: middle; } .ftr-social a, .ftr-stay-in-touch a { color: #FFF; text-decoration: none; } .ftr-stay-in-touch a { color: #fff; } .ftr-ttl { color: #fff; font-size: 1em; text-transform: uppercase; } .ftr-social { margin-bottom: 23px; margin-top: 22px; } .ftr-stay-in-touch .icon-rss { font-size: 1.6em; margin-right: 10px;} .new-fb { font-size: 1.4em; margin-left: -4px; margin-top: 1px; } .new-twitter { font-size: 1.7em; margin-left: 6px; } .new-youtube { font-size: 1.7em; margin-left: 9px; margin-top: -1px; } .new-linkedin { font-size: 1.5em; margin-left: 11px; margin-top: -2px; } .new-instagram { font-size: 1.7em; margin-left: 9px; margin-top: -1px; } .new-flickr { font-size: 1.7em; margin-left: 9px; margin-top: -1px; } .ftr-stay-in-touch { margin-top: 20px; } .fw-footer-top.clearfix { border-bottom: 1px solid #5f6b71; padding-bottom: 24px; } .copy-text { color: #fff; float: left; font-family: Arial; font-size: 1em; line-height: 1.2em; padding-left: 23px; padding-top: 15px; } .footer-logo { float: left; margin-right: 15px; width: 40px; } .copy-text p { padding: 0; } /* Footer End */ /* Mega Menu Scroll Start */ .show-ul-outer .mCSB_container{ left: 0; /*position: absolute !important;*/ top: 0; width: 100%; } .show-ul-outer .mCustomScrollbar { border: 0 none; } .show-ul-outer .mCustomScrollBox { height: 100%; max-width: 100%; overflow: hidden; position: relative; } .show-ul-outer .mCSB_scrollTools { bottom: 0; height: auto; left: auto; position: absolute; right: 0; top: 0; width: 15px;border:0; } .show-ul-outer .mCSB_scrollTools .mCSB_draggerContainer { bottom: 8px; height: auto; left: 0; position: absolute; right: 11px; top: 8px; } .show-ul-outer .mCSB_scrollTools .mCSB_dragger { cursor: pointer; height: 35px !important; max-height: 100% !important; z-index: 1; } .show-ul-outer .mCSB_scrollTools .mCSB_draggerRail { background: #e3e4e4 none repeat scroll 0 0; border-radius: 16px; width: 6px; } .show-ul-outer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #10069f; border-radius: 16px; height: 35px !important; width: 6px !important; } .show-ul-outer .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #10069f; } .show-menu > ul { /*height: auto !important;*/ } /* Mega Menu Scroll End */ .fw-en-form-wrapper .webform-row { margin-bottom: 37px !important; } .singlevideoplayer-wrapper .VideoFullWidthParentCon { max-width: 100%; } /* .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img { min-height: 600px; } */ @media all and (min-width: 721px) and (max-width: 840px) { .singleplayervideo-wrapper .img-cnt-txt{ /*margin-top: -50px !important;*/ top: 60px; } .singleplayervideo-wrapper .inn-video-wrapper { margin: 20px auto 0; } /* .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img { min-height: 180px; } */ .singleplayervideo-wrapper.svp-how-assemble-the-trent-xwb .inn-video-wrapper { margin: 10px auto 0 10px !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { /*.singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { left: 44%; top: -118px; height: 40px; width: 40px; bottom: -16px; } .singleplayervideo-wrapper.svp-how-assemble-the-trent-xwb .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { top: -168px; }*/ .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img { min-height: 180px; } } @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) { /*.singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { left: 44%; top: -93px; width: 40px; height: 40px; } .singleplayervideo-wrapper.svp-how-assemble-the-trent-xwb .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { top: -160px; }*/ .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img { min-height: 180px; } } @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) { .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img {min-height: 242px; } .singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { width: 40px; height: 40px; } .singleplayervideo-wrapper.svp-how-assemble-the-trent-xwb .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { top: -93px; } } /*@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { .singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { left: 44%; top: -93px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { .singleplayervideo-wrapper .img-cnt-on-img .img-cnt-img {min-height: 242px; } .singleplayervideo-wrapper .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper { left: 47%; height: 40px; width: 40px; } }*/ .VideoContentCentre { text-align: center; } .section .new-country-site-section.VideoWrap.add-bottom-margin {margin-bottom:100px;} .singleplayervideo-wrapper .innovation-video-container{height: 100% !important; } /*---- main-flickr-temp-----*/ /*.boximagedata .largeimage { min-height:400px;}*/ /*.boximagedata .largeimage img{width: 100%;}*/ .boximagedata .largeimage{height: 500px;width:590px;background-color:#ECF2F4;vertical-align:middle;display: table-cell;} .boximagedata .largeimage a{ background:none !important; padding:0 !important; margin:0 !important;} .boximagedata .largeimage img{margin-left: auto;margin-right: auto; display:block; text-align:center;} .boximagedata ul#images-carousel { padding: 5px 5px 0 0; list-style-type:none;} .boximagedata #images-carousel li{ display: inline-block; float: left; list-style:none;margin:0;padding:0 5px 5px 0;} .boximagedata #images-carousel li:last-child{ padding:0 !important;} /*.boximagedata #images-carousel li img{ width:100%; height:84px;}*/ /* .boximagedata .largeimage img { margin: 0 auto; position: absolute; margin-right: -50%; } */ .boximagedata { float: left; /* width: 100%;*/ text-align: center; } div.download-flkr-imgs{padding-top:21px;clear:both;padding-bottom:21px;padding-left:11px;} div.download-flkr-imgs img{vertical-align:top;padding-top:2px;} div.download-flkr-imgs .download-flickr-text{padding-left:11px;font-size:19px;vertical-align:bottom;padding-right:14px;} div.download-flkr-imgs .download-flickr-text a, div.download-flkr-imgs .download-flickr-text a:hover{text-decoration:none;color:#5e5e5e; background:none !important; padding-right:0px !important;} /*IPad/IPad mini portrait mode:*/ @media all and (min-width: 721px) and (max-width: 840px) { .boximagedata .largeimage{ width:718px;} } @media(max-width: 640px) { .boximagedata .largeimage{background-color:#fff;} } .crotator { display: inline-block; text-align: center; } #china.ip3-country-sites .left-s-link{margin-top:0px !important;} #china.ip3-country-sites .left-s-header{ padding-bottom: 7px; border-bottom: 1px dotted; } .flicker-module-section .fw-sld-wrapper.notFlickrSlick #finalFlicker .slick-slide.slick-center img {box-shadow: none;} /*---- custom-scrollbar-----*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: #10069f; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*---- mmenu-----*/ /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0;} #mob-menu-wrap > ul { height: auto; padding-bottom: 200px; } .mm-menu > .mm-panel { background: inherit; overflow: scroll; overflow-x: hidden; overflow-y: hidden; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel::-webkit-scrollbar {-webkit-appearance: none;width: 5px;height: 5px;} .mm-menu > .mm-panel::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid #004d91;background-color: #004d91;} .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-100%); transform: translateX(-100%); /*display:none;*/ } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 30px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list li{font-size:1.286em;line-height:1.2em;;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;} .mm-list li.level1{text-transform:uppercase;} .mm-list li a{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;} .mm-list li:hover,.mm-list li.current,.mm-list li.selected{background: #8cb9d7;color: #fff;} .mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before{border-color:#fff;} .mm-list li.mm-subtitle{background:none;} .mm-list { font: inherit; font-size: 1em; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border:0; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { margin:0px 20px 0px; background:url(/~/media/Images/R/Rolls-Royce/css/menu-bak-arrow-blue.png) no-repeat 10px center ; padding: 12px 20px 12px 28px; border: 2px solid #8cb9d7; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.714em; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 3px solid transparent; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; right: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);overflow:hidden;*/height:100%; } .mm-menu { background: #e5ecf5; color: #004d91; } .mm-menu .mm-list > li:after { border:0; border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { color: #004d91; /* background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); */} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #004d91; } .mm-menu .mm-list > li > a.mm-subclose:before {display:none;} .mm-menu .mm-list > li > a.mm-subclose:before {border-color:#fff;} .mm-menu .mm-list > li > a.mm-subopen:before { border:0; border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease;overflow:hidden; } html.mm-opened { /*overflow: hidden;*/ position: relative; } html.mm-opened body { /*overflow: hidden;*/ } html.mm-opened .mm-page { box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } html.mm-opening #mm-blocker { background:rgba(0,0,0,0.5); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 1em; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; padding: 10px 10px 0 20px; z-index: 2; position:absolute; left:0; bottom:250px; padding-bottom:10%; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 30px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; margin-left: 5px; margin-right: -2px; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 1; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /*---- pioneer-fonts-and-icons-updates-----*/ /*------------ New Icons --------------*/ @font-face { font-family: 'new-icomoon';src: url('/~/media/Files/R/Rolls-Royce/new-icons/icomoon-eot.eot?hm04th');src: url('/~/media/Files/R/Rolls-Royce/new-icons/icomoon-eot.eot?hm04th#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/new-icons/icomoon-ttf.ttf?hm04th') format('truetype'), url('/~/media/Files/R/Rolls-Royce/new-icons/icomoon-woff.woff?hm04th') format('woff'),url('/~/media/Files/R/Rolls-Royce/new-icons/icomoon-svg.svg?hm04th#icomoon') format('svg');font-weight: normal;font-style: normal;} [class^="rr-icon-"], [class*=" rr-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'new-icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .rr-icon-arrow-nav:before {content: "\e310";} .rr-icon-chevron-body:before {content: "\e311";} .rr-icon-calendar:before {content: "\e312";} .rr-icon-download:before {content: "\e313";} .rr-icon-view-all:before {content: "\e314";} .rr-icon-flickr .path1:before {content: "\e900";color: rgb(35, 108, 214);font-family: 'new-icomoon' !important;} .rr-icon-flickr .path2:before {content: "\e901";margin-left: -1em;color: rgb(253, 0, 131);font-family: 'new-icomoon' !important;} .rr-icon-instagram:before {content: "\e902";} .rr-icon-periscope:before {content: "\e903";} .rr-icon-play:before{content:"\ee999";} .rr-icon-presentation:before{content:"\ee998";} .rr-icon-plus a:before{content:"\eb123";} /*------------ Pioneer Fonts --------------*/ @font-face { font-family: "RRPioneer-Regular"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Regular-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Regular-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Regular-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Regular-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Regular-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-Medium"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Medium-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Medium-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Medium-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Medium-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Medium-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-Bold"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Bold-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Bold-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Bold-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Bold-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Bold-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-BoldItalic"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-BoldItalic-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-BoldItalic-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-BoldItalic-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-BoldItalic-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-BoldItalic-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-Italic"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Italic-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Italic-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Italic-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Italic-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-Italic-ttf.ttf") format("truetype") } @font-face { font-feature-settings: 'zero' on; font-family: "RRPioneer-LightCondensed"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/v2/RRPioneer-LightCondensed-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/v2/RRPioneer-LightCondensed-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/v2/RRPioneer-LightCondensed-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/v2/RRPioneer-LightCondensed-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/v2/RRPioneer-LightCondensed-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-UltraLightCondensed"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-UltraLightCondensed-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-UltraLightCondensed-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-UltraLightCondensed-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-UltraLightCondensed-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-UltraLightCondensed-ttf.ttf") format("truetype") } @font-face { font-family: "RRPioneer-MediumItalic"; src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-MediumItalic-eot.eot"); src: url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-MediumItalic-eot.eot") format("eot"), url("/~/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-MediumItalic-woff2.woff2") format("woff2"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-MediumItalic-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/new-fonts/RRPioneer-MediumItalic-ttf.ttf") format("truetype") } .main-modular-landing.new-site-fw .PioneerRegular{font-family: "RRPioneer-Regular" !important;} .main-modular-landing.new-site-fw .PioneerMedium{font-family: "RRPioneer-Medium" !important;} .main-modular-landing.new-site-fw .PioneerBold{font-family: "RRPioneer-Bold" !important;} .main-modular-landing.new-site-fw .PioneerBoldItalic{font-family: "RRPioneer-BoldItalic" !important;} .main-modular-landing.new-site-fw .PioneerItalic{font-family: "RRPioneer-Italic" !important;} .main-modular-landing.new-site-fw .PioneerLightCondensed{font-family: "RRPioneer-LightCondensed" !important;} .main-modular-landing.new-site-fw .PioneerUltraLightCondensed{font-family: "RRPioneer-UltraLightCondensed" !important;} .main-modular-landing.new-site-fw .PioneerMediumItalic{font-family: "RRPioneer-MediumItalic" !important;} /* Helv Neue */ /* .bodyhelv { font-family: "Helvetica LT W01 Roman", Arial; } */ /* TheMixB W9Bold */ .mixblack { font-family: 'TheMix-Black', Arial; } /*--------- Pioneer regular ------------*/ body,.main-modular-landing.new-site-fw,.main-modular-landing.new-site-fw .font18,#msearchTextboxContainer input,.mixbody, .fw-en-form-wrapper .right-fields .webform-row select,.show-menu > ul, .fwNavSignpost p, #headerlinks, #headerlinks > ul > li > a span, #searchTextboxContainer input#searchTextbox, .new-bread-div > ul, .new-second-level-navigation .new-bread-div ul li:hover ul li > a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li > a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li > a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover ul li > a, .home-content-fw-inner > p, p.hsp-section-name, .home-mte-content p, .home-fw,.mm-menu,.fw-box1 p,.fw-footer-outer,.mixlight, .hsp-main.hsp-events .hsp-text h3,.product-model-snapdown-item table tbody td:first-child,.home-content-fw-inner p,.ProductFinderDetails #section-specifications table tbody td.rad-alternate,.prod-search-texbox-container input,.product-dropdown-filter-text,.prod-content,.services-content,.product-item-title,.product-contact-content,.advanced-search-title,.advanced-search-checkbox-item,.product-content-text,.product-model-snapdown-content,.product-documents-container-header,.sticky-menu-item-container a,.hidden-contact-button,.status-text,.selected-box,table.services-solutions tr td .hiddendiv,.fullpage p.introtext-video-section,.rhs-content-wrapper p,.fullpage .innovation-groundbreaking-wrapper p:not(.intro-text),.twocolright .banner-text-buttons .banner-text-wrapper,#contentwrapper .dropdown ul,.selected-box,.ship-design-overview .prod-subtitle, .value-text, .case-studies-text, .value-bottom-left, .case-studies-bottom-left, .case-studies-bottom-right, .value-bottom-right, .ship-design .tab-snapdown-content p, .ship-design .tab-content p, .prod-equipment-content p, .prod-overview-content p,.fw-addresses-wrap.fw-sld-wrapper a[href^="tel:"],.fwNavSignpost .rad-highlight,.new-bread-div > a,.menuWrapper li a{font-family: "RRPioneer-Regular",Arial;} #headerlinksmobi > ul > li > a span,.button-cta,.main-modular-landing.new-site-fw a[href^="tel:"],.main-modular-landing.new-site-fw h2.bod-name{font-family: "RRPioneer-Regular",Arial !important;} /*--------- Pioneer medium -------------*/ .prod-search-texbox-container.ProInput input,h3,.h3,h4,.h4,h5,.h5,#topnavigation .fwMenuwrapper > ul,.stickyNavWrap,.mm-list li.mmenu-section-head,.mm-list > li > a,.new-country-site-section p a,.fw-ttl-left,.mob-menu,.show-menu > ul > li:hover > a, .show-menu > ul > li:hover > span, .show-menu > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li:hover > span, .show-menu > ul > li > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li > ul > li:hover > span, .show-menu > ul > li > ul > li > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li > ul > li > ul > li:hover > span, .show-menu > ul > li > ul > li > ul > li > ul > li > ul > li:hover > span,.fw-box1 > p:first-child,.insights-mid-fw-inner #loadmore a,.fw-box2 ul li:first-child,.filter-title,.bottom-close-wrapper a,#close-popup,span.back-to-previous a,.assigned-filter-section ul li a,.product-item-inner .product-item-title,.bottom-ship-type-slider .icon-chevron-right.slick-next:after,.bottom-ship-type-slider .icon-chevron-left.slick-prev:after,.tablePrev,.tableNext,.ServiceLanding,.fw-text-image .rad-link,.prod-container-inner-load .icon-chevron-left.slick-prev:after,.prod-container-inner-load .icon-chevron-right.slick-next:after,.FinderTabs .tab-list ul li a,.prod-breadcrumb-item.current .prod-breadcrumb-text,.prod-breadcrumb-item.selected:hover .prod-breadcrumb-text,.prod-subtitle,.prod-title,.services-title,.service-box-text-inner,.product-item:hover .product-item-title,.product-contact-designation,#hide-show-advanced-search .advanced-search-title,.product-content-header,.product-model-snapdown-header,.product-document-name,.product-document-details,.contact-bottom-email-contaier,.sticky-menu-item-container a.active,.sticky-menu-item-container a:hover,.sticky-menu-selected-devices .sticky-menu-selected,#section-specifications table thead th,.product-model-snapdown-item table thead th,#section-specifications table tbody td:first-child,.product-model-snapdown-item table tbody td:first-child,#section-specifications table tbody tr.inv-responsive-header-tr td,.product-model-snapdown-item table tbody tr.inv-responsive-header-tr td,.pf-video-btn,.prod-search-texbox-container.ProInput ul.ui-autocomplete .ui-menu-item a span,.MarineProductLanding .dropdown ul,.prod-breadcrumb-text,.ProductFinderDetails #section-specifications table th,.bod-tabs-leadership ul li,.bod-name,.fullbod-wrapper p.bod-name,.full-width-event-cal-wrapper .event-header,.full-width-event-cal-wrapper .event-title,.filter-ttl,.new-site-fw b, .new-site-fw strong,.full-width-event-cal-wrapper .snap-content a,.main-modular-landing.new-site-fw .fw-tabbed-wrap .tabs li,.main-modular-landing.new-site-fw a.rad-link,.ip3-edit .map-content .mapHeading,.AftermarketTabs .marker > td:first-child,table.services-solutions thead th,.AftermarketTabs .left-solution,.PosAbs,.PosAbsHide,.AftermarketTabs .key, .ip3-edit .table-notes .key,.CoreItem,.trust-wrapper .trust-box .word p.trust-wrd,.trust-wrapper .trust-box .trust-box-content-inner,.fw-vid-img-module-section .tab-content-main .rad-link a, .fw-text-50-50 .rad-link, .fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner .tlsld p span.rad-link a,.show-menu ul > li.selected > a,.show-menu ul > li.current > span,.group-glance .glancefacts .rad-big,.group-glance .glance-wrap .rad-big,.main-modular-landing.new-site-fw .font18.glancefacts,.BusinessHighlights .rad-highlight,.keyfact .rad-big,.main-modular-landing.new-site-fw .group-keyfact1,.main-modular-landing.new-site-fw .group-keyfact2,.main-modular-landing.new-site-fw .gmap-title,.mm-list li:hover, .mm-list li.current, .mm-list li.selected,.fw-text-50-50 .pd-box-snapdown-content-right .rad-highlight a,.pro-type,.introSubtitle,.form-title,.vgp-wrappe p.details-txt,.CourseDeatilPage p.item-count,.form-title-requiremnet,.CourseDeatilPage .bold,.check-details,table tr td:first-child,.DisclosureServices #loadmore a,.subtitlepage,.courseTitle,.main-modular-landing.new-site-fw .font18.course-link,.inoBoxOverlay p.iboxTitle,.inoStoryWrapper #loadmore a,.cssLiTab:hover, .cssLiTab.active,.inoAbsBannerTextWrap h2,.storyMenuI .level2 span,.landingTitleIno, .landingTitleIno2,.tabs-system-main-tabs p, .new-second-level-navigation .new-bread-div ul li a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover a, .new-second-level-navigation .new-bread-div ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a, .bread-uppercase > a, .new-second-level-navigation ul li > span,.kpi-content-bar .rad-big,#leftcol #shareholder-fraud-warning .button,.twocolright a,.media-contact-title,.media-contact-list-left ul li a,.sticky-menu-item-container a,.mediaPRHead,.mediaPRtitle,.mediaPRBox.mediaLinkBox,.selected-box,.media-contact-title,.media-contact-designation,.mediaSec-subtitle,.mediaSec-subtitle a,.mediaSec-title,.mediaMoreLink a,.sticky-menu-selected-devices .sticky-menu-selected,.hidden-contact-button,.expert-slider-nav > div,.insightsContainer .inCategories ul li.current a,.left-s-header,#contentwrapper #signup-mobile, #contentwrapper #signup-email, #contentwrapper #signup-contact,a.alt, .alt-links a,#contentwrapper ul li, #contentwrapper ol li,.progressiveDisclosure .rad-link,#fwContentWrapper .new-country-site-section a,.sticky-menu-item-container a,.second-level-tab-item a,.second-level-tabs-header,.infographic-content-right strong,.infographic-content-right .rad-big,.prod-subtitle,.prod-title,.services-subtitle,.services-title,.service-box-text-inner,.expert-slider-nav>div,.product-contact-title,.product-contact-designation,.product-content-subheader,.product-content-header,.sticky-menu-item-container a,.sticky-menu-item-container a.active,.sticky-menu-selected-devices .sticky-menu-selected,.font-bold,.ships-slider-navi>div,.ship-link-wrap,.hotspot-title,.second-level-mobile-select,.services-subtitle,.product-contact-title,.prod-breadcrumb-item.current .prod-breadcrumb-text,.prod-breadcrumb-item.selected:hover .prod-breadcrumb-text,.product-item:hover .product-item-title,.prod-overview-title,.product-document-name,.product-document-details,.media-contact-title,.media-contact-designation,.second-level-mobile-select,.expert-slider-nav > div,.vessel-slider a .vessel-title,.sticky-menu-selected-devices .sticky-menu-selected,.service-box-text-inner,.services-title,.services-subtitle,.prod-subtitle, .prod-title,.prod-title span,.infographic-content-right .rad-big,.infographic-content-right strong,.second-level-tabs-header,.second-level-tab-item a,.sharepricebutton,.contactus-list-left ul li a,.new-second-level-navigation ul li.selected a span,#alphabet-category span.alphabet-filter-text,.new-bread-div-active,#breadcrumb,.fw-ti-inner-box a,.mixbold,.flicker-module-section .fw-sld-wrapper ul li span,#MainWrapper .product-item-title,.product-finder-dynamic-content .rr-icon-arrow-nav.slick-next:after,.product-finder-dynamic-content .rr-icon-arrow-nav.slick-prev:after,.sm-title span.sm-icon,.product-item-title,.tab-content a, .new-country-site-section .tab-content a,.fw-bnr-body-copy a,.fw-intro-text a,.fw-para-text a,.bannerpara a{font-family: "RRPioneer-Medium",Arial;font-weight: normal !important;} /*--------- Pioneer Bold -------------*/ #sectionheader,h1,h2,.h1,.h2,h2.rad-header,#searchTextboxContainer input#searchTextbox:focus, .close-txt, .hsp-link, .ftr-ttl, .fw-box3 ul li:first-child, .mm-list li.level1, .mm-menu .mm-list > li > a.mm-subclose, .fw-intro-section p span.rad-highlight , .fw-text-download-and-language .arlttl, .fw-text-download-and-language .ar-right-wrap, .fw-text-50-50 .pd-box-snapdown-content-right p .rad-highlight, .fw-text-50-50 .pd-box-snapdown-content-left p .rad-highlight, .fw-en-form-wrapper input[type="submit"], .fw-en-form-wrapper input[type="reset"],.trust-whole-word,.trust-wrapper .trust-box .initial-letter,.megamenu-title, .home-content-fw-inner > h1, .fw-banner-btm-main .home-content-fw-inner .fw-home-banner-btm-content-main > h1,body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35,.new-bread-div.lastbread{ font-family: "RRPioneer-Bold",Arial; } /*--------- New colors -------------*/ .rr-black{color:#1e3643;} .rr-pink{color:#fa4692;} .rr-light-blue{color:#006dff;} .rr-paragraph{color:#4e5d65;} .main-modular-landing.new-site-fw a[href^="tel:"]{color:inherit !important;} .main-modular-landing.new-site-fw #iframe-container{margin:0 !important;} /*-------------- Headings styling for normal content starts ------------*/ .main-modular-landing.new-site-fw h1,.discover-items-wrapper h1,.dct-tool-landing-page .fw-dct-wrapper h1{color: #1e3643;font-size:3.75rem;padding-top:10px;line-height: 1em;font-family:RRPioneer-Medium, Arial !important;} .main-modular-landing.new-site-fw .homecontentwrapper h1{padding-top:0;} .main-modular-landing.new-site-fw .homecontentwrapper h1 sup{font-size:0.5em;top:0} .main-modular-landing.new-site-fw h2,.discover-items-wrapper h2,.discover-items-wrapper h2.PioneerMedium,.main-modular-landing.new-site-fw h2.PioneerMedium{color: #1e3643;font-size:3.125rem;padding-top:10px;line-height: 1.2em;font-family:RRPioneer-LightCondensed, Arial !important; font-feature-settings: 'zero' on;} .main-modular-landing.new-site-fw h3,.discover-items-wrapper h3{color: #1e3643;font-size:1.875rem;padding-top:10px;line-height: 1.2em;font-family:RRPioneer-Regular, Arial !important;} .main-modular-landing.new-site-fw h4,.discover-items-wrapper h4{color: #1e3643;font-size:1.313rem;padding-top:10px;line-height: 1.2em;font-family:RRPioneer-Regular, Arial !important;} .main-modular-landing.new-site-fw h5,.discover-items-wrapper h5{color: #1e3643;font-size:1.125rem;padding-top:10px;line-height: 1.2em;font-family:RRPioneer-Medium, Arial !important;} .main-modular-landing.new-site-fw h3 + ul{margin-top:20px} .main-modular-landing.new-site-fw h2 a,.main-modular-landing.new-site-fw h3 a,.main-modular-landing.new-site-fw h4 a,.discover-items-wrapper h2 a,.discover-items-wrapper h3 a,.discover-items-wrapper h4 a{color: #1e3643;} .main-modular-landing.new-site-fw h2 a:after,.main-modular-landing.new-site-fw h3 a:after,.main-modular-landing.new-site-fw h4 a:after,a.img-cnt-ttl:after,.module-heading > .font40 a:after,.discover-items-wrapper h2 a:after,.discover-items-wrapper h3 a:after,.discover-items-wrapper h4 a:after {/*display: inline-block;*/font-size: 0.6em;margin-left: 15px;top: 0px;position: relative;color: #fd4192;content: "\e311";font-family: new-icomoon;transition: all 0.25s ease 0s;} .main-modular-landing.new-site-fw h2 a:hover,.main-modular-landing.new-site-fw h3 a:hover,.main-modular-landing.new-site-fw h4 a:hover,.main-modular-landing.new-site-fw h2 a:hover:after,.main-modular-landing.new-site-fw h3 a:hover:after,.main-modular-landing.new-site-fw h4 a:hover:after,.fw-intro-one-col .font18links:hover:after,.fw-intro-one-col .font18links:hover,.discover-items-wrapper h2 a:hover,.discover-items-wrapper h3 a:hover,.discover-items-wrapper h4 a:hover,.discover-items-wrapper h2 a:hover:after,.discover-items-wrapper h3 a:hover:after,.discover-items-wrapper h4 a:hover:after{color: #006dff;} .main-modular-landing.new-site-fw h2 a .icon-chevron-right,.main-modular-landing.new-site-fw h3 a .icon-chevron-right,.main-modular-landing.new-site-fw h4 a .icon-chevron-right,.module-heading .mixbold .icon-chevron-right,.discover-items-wrapper h2 a .icon-chevron-right,.discover-items-wrapper h3 a .icon-chevron-right,.discover-items-wrapper h4 a .icon-chevron-right{display:none;} .fw-intro-one-col .font18links:after{display: inline-block;font-size: 0.7em;margin-left: 10px;top: 0px;position: relative;color: #fd4192;content: "\e311";font-family: new-icomoon;transition: all 0.25s ease 0s;} @media all and (max-width:1399px) and (min-width:1024px){ .main-modular-landing.new-site-fw h1,.discover-items-wrapper h1,.dct-tool-landing-page .fw-dct-wrapper h1{font-size:3.125rem;} .main-modular-landing.new-site-fw h2,.discover-items-wrapper h2,.discover-items-wrapper h2.PioneerMedium,.main-modular-landing.new-site-fw h2.PioneerMedium{font-size:3.125rem;} .main-modular-landing.new-site-fw h3,.discover-items-wrapper h3{font-size:1.5rem;} #our-stories.ip3-korea .main-modular-landing.new-site-fw h3,.discover-items-wrapper h3{font-size:1.3rem;} .main-modular-landing.new-site-fw h4,.discover-items-wrapper h4{font-size:1.125rem;} .main-modular-landing.new-site-fw h5,.discover-items-wrapper h5{font-size:1rem;} } @media all and (max-width:1024px) and (min-width:768px){ .main-modular-landing.new-site-fw h1,.discover-items-wrapper h1,.dct-tool-landing-page .fw-dct-wrapper h1{font-size:3.125rem;} .main-modular-landing.new-site-fw h2,.discover-items-wrapper h2,.discover-items-wrapper h2.PioneerMedium,.main-modular-landing.new-site-fw h2.PioneerMedium{font-size:2.5rem;line-height: 2.875rem;} .main-modular-landing.new-site-fw h3,.discover-items-wrapper h3{font-size:1.5rem;line-height: 1.4em;} .main-modular-landing.new-site-fw h4,.discover-items-wrapper h4{font-size:1.125rem;} .main-modular-landing.new-site-fw h5,.discover-items-wrapper h5{font-size:1rem;} } @media all and (max-width:767px){ .main-modular-landing.new-site-fw h1,.discover-items-wrapper h1,.dct-tool-landing-page .fw-dct-wrapper h1{font-size:2.125rem;} .main-modular-landing.new-site-fw h2,.discover-items-wrapper h2,.discover-items-wrapper h2.PioneerMedium,.main-modular-landing.new-site-fw h2.PioneerMedium{font-size:1.875rem;} .main-modular-landing.new-site-fw h3,.discover-items-wrapper h3{font-size:1.38rem;} .main-modular-landing.new-site-fw h4,.discover-items-wrapper h4{font-size:1.125rem;} .main-modular-landing.new-site-fw h5,.discover-items-wrapper h5{font-size:1rem;} } /*-------------- Headings styling for normal content ends ------------*/ /*-------------- Chevron updates -----------------*/ .product-item-title .icon-chevron-right-new:before{color: #fd4192;content: "\e311";font-family: new-icomoon;margin-left: 10px;transition:all 0.25s} .fw-banner-btm-main .home-content-fw-inner .fw-home-banner-btm-content-main > h1 a span.icon-chevron-right:before{color: #fd4192;content: "\e311";font-family: new-icomoon;margin-left: 15px;transition:all 0.25s} .home-mte-content h2 > a span.icon-chevron-right:before{content: "\e311";font-family: new-icomoon;margin-left: 20px;font-size:0.7em;} .fw-tabs-with-downloads .fw-dwld-ttl span.icon-chevron-right:before{color: #fd4192;content: "\e311";font-family: new-icomoon;margin-left: 10px;font-size:0.7em} .new-bread-div .separator i:before,body#civil-aerospace.ip3-contact-us .tab-content ul li a::after{color: #fd4192;content: "\e311";font-family: new-icomoon;font-size: 0.6em;} .left-featured-link:after,.snap-inner-page table tr td:last-child a:after{color: #fd4192;content: "\e311";font-family: new-icomoon !important;font-size: 0.8em;margin-left: 10px;} .left-featured-link:hover:after,.left-featured-link:hover a{color:#006dff} /* .fw-banner-btm-main .home-content-fw-inner .fw-home-banner-btm-content-main > h1 a span.icon-chevron-right{margin-left: 20px;} */ .event-snap-icon.icon-chevron-bottom-new:before {content: "\eee15"; color: #fd4192;content: "\e311";font-family: new-icomoon;margin-left: 10px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);display: block;} .history-timeline-year-nav .history-year-prev-arrow:before{font-size: 30px;line-height: 0.9;opacity: 1;color: #0f049e;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: -15px;content: "\e311";font-family: new-icomoon !important;transform: rotate(180deg);display: block;} .history-timeline-year-nav .history-year-next-arrow:before{font-size: 30px;line-height: 0.9;opacity: 1;color: #0f049e;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: -15px;content: "\e311";font-family: new-icomoon !important;display: block;} .main-modular-landing.new-site-fw a.rad-link{color: #10069f;text-decoration:none} .main-modular-landing.new-site-fw a.rad-link:after{font-size: 0.7em;margin-left: 10px;top: 0px; position: relative;color: #fa4692;content: "\e311";font-family: new-icomoon;transition: all 0.25s ease 0s;} .main-modular-landing.new-site-fw a.rad-link[href*="pdf"]:after{display:none;} .main-modular-landing.new-site-fw a.rad-link:hover,.main-modular-landing.new-site-fw a.rad-link:hover:after{color:#006dff} .fw-vid-img-module-section .tab-content-main .rad-link a:after, .fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner .tlsld p span.rad-link a:after {color: #fd4192;line-height: 0.7;position: relative;top: 0;content: "\e311";font-family: 'new-icomoon' !important;font-size: 0.7em;font-weight: normal;margin-left: 15px; } .new-bread-div ul li span.icon-chevron-right:before{content: "\e311";font-family: new-icomoon;font-size:0.7em} .new-country-site-section .tab-intro a:after { content: "\e311"; color: #fd4192; font-family: "new-icomoon" !important; line-height: 0.8; position: relative; top: 0;margin-left: 15px;font-size:0.7em; } .new-country-site-section .tab-intro a:hover:after{color:#006dff} .fw-text-50-50 .rad-link a:after { color: #fd4192; line-height: 0.7; position: relative; top: 0px; content: "\e311"; font-family: 'new-icomoon' !important; font-size: 1.3rem; font-weight: normal;font-size:0.7em;margin-left:15px; } .fw-text-50-50 .rad-link a:hover:after{color:#006dff} .home-content-fw-inner > h1 > a:after{content: "\e311"; font-family: 'new-icomoon' !important;font-size:0.6em;color:#fd4192;margin-left:10px;} .home-content-fw-inner > h1 > a:hover:after{color:#006dff} .home-content-fw-inner > h1 > a span.icon-chevron-right{display:none !important;} /*-------------- Chevron updates ends -----------------*/ /*-------------- New download icon on links starts --------------*/ #fwContentWrapper .new-country-site-section a[href*="pdf"] .rad-link:before, #fwContentWrapper .new-country-site-section p.rad-link a[href*="pdf"]:before, .fw-text-50-50 .rad-link a[href*="pdf"]:before, #fwContentWrapper .new-country-site-section a.rad-link[href*="pdf"]:before {font-family: "new-icomoon" !important;color: #fa4692;height: 20px;line-height: 0.7;font-size: 1em;left: 0;overflow: hidden;position: absolute;top: 4px;content: "\e313";transition: all 0.25s ease-out 0s;-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;-ms-transition: all 0.25s ease-out 0s;-o-transition: all 0.25s ease-out 0s;} .sustainable-section .icon-download:before{font-family: "new-icomoon" !important;content: "\e313";} .twocolright a[title^="PDF,"]:not(.banner-button-link-media):before{font-family: "new-icomoon" !important;content: "\e313";margin-right:10px;color:#fa4692} .twocolright a[title^="PDF,"]:hover:before{color:#006dff} #fwContentWrapper .new-country-site-section a[href*="pdf"] .rad-link, #fwContentWrapper .new-country-site-section p.rad-link a[href*="pdf"], .fw-text-50-50 .rad-link a[href*="pdf"], #fwContentWrapper .new-country-site-section a.rad-link[href*="pdf"] { text-decoration: none; position: relative; color: #004990; display: inline-block; padding-left: 28px; position: relative; transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; } #fwContentWrapper .new-country-site-section a[href*="pdf"] .rad-link:hover:before, #fwContentWrapper .new-country-site-section a[href*="pdf"] .rad-link:hover, #fwContentWrapper .new-country-site-section p.rad-link a[href*="pdf"]:hover, #fwContentWrapper .new-country-site-section p.rad-link a[href*="pdf"]:hover:before, .fw-text-50-50 .rad-link a[href*="pdf"]:hover, .fw-text-50-50 .rad-link a[href*="pdf"]:hover:before, #fwContentWrapper .new-country-site-section a.rad-link[href*="pdf"]:hover, #fwContentWrapper .new-country-site-section a.rad-link[href*="pdf"]:hover:before { color: #006dff; } #fwContentWrapper .new-country-site-section a[href*="pdf"] .rad-link:after, .fw-text-50-50 .rad-link a[href*="pdf"]:after { display:none; } /*-------------- New download icon on links ends --------------*/ .main-modular-landing .fw-para-text table{width:100%;float:left;table-layout:fixed;margin-bottom:30px} .main-modular-landing .fw-para-text table tbody tr:nth-child(odd){background: #F4F4F4;} .main-modular-landing .fw-para-text table thead th{border-top: 1px solid rgba(0,0,0,0.1);} .main-modular-landing .fw-para-text table td{ padding: 12px 10px 12px 20px;} #brasil .main-modular-landing .fw-para-text table td{ padding: 12px 10px 12px 10px; font-size:12px;} .main-modular-landing .fw-para-text table td *{padding-bottom:0 !important;margin-bottom:0 !important} .main-modular-landing .fw-para-text table thead *{background: #fff;} #a-rr-es-a-hyundai-motor-csoport-megallapodast-ir-ala-hogy-vezeto .main-modular-landing.new-site-fw h1 {font-size: 3rem;} #aircraft-transitions .home-banner-fw-inner .trueBannerImage {line-height: 60px; margin-top: 60px;} /*---- main-other-----*/ @font-face { font-family:'TheMix'; font-weight:normal; font-style:normal; src:url('/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-eot.eot'); src:url('/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-eot.eot?#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-woff.woff') format('woff'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg') format('svg'); } @font-face { font-family:'TheMix-bold'; font-weight:normal; font-style:normal; src:url('/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-eot.eot'); src:url('/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-eot.eot?#iefix') format('embedded-opentype'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-woff.woff') format('woff'), url('/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg') format('svg'); } .box-inverse h1{color:#fff !important;} .box-inverse{background:#10069f;color:#fff;} .landing-page-item-outer.is-hover .landing-page-item-title-container,.signpost-item-outer.is-hover .signpost-item-title-container{position:absolute;width:100%;} .landing-page-item-outer.is-hover,.signpost-item-outer.is-hover{position:relative;} /* --------------- Landing Page Css Starts ---------------- */ .signpost-item-title,.signpost-item-bottom-container{padding:20px 20px;color:#fff;font-size:1.500em;line-height:1.19em;} .signpost-item-outer{position:relative;} .pos-abs{display:block;text-decoration:none;height: 100%;position: absolute;text-decoration: none;width: 100%;text-indent:-9999999px;z-index:101;background-color:#fff; opacity:0; filter:alpha(opacity=0);} .signpost-item{margin:0px 0px 14px; } .b-signpost-tcontent{padding:10px 0 0px} .signpost-container {clear:both;} .full-width-signpost-title:after{content:'';width:20px;height:20px;background:url(/~/media/Images/R/Rolls-Royce/css/pointer-r-tcm92-55432.png) no-repeat center;display:block;float:right;opacity: 0.8;} .full-width-signpost:hover .full-width-signpost-title:after{opacity:1;} /* .animate-image img{left:-220px;top:0; position:relative; animation:move 15s ease forwards;-webkit-animation:move 15s ease forwards;-moz-animation:move 15s ease forwards} */ .contact-us-col{width:50%;vertical-align:top;} .animate-image{height:800px;} .animate-image img{ max-width: none; width: 135%; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); animation: animationFrames ease 3s; position:absolute; left:0px; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames ease 3s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames ease 3s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames ease 3s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames ease 3s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } @keyframes animationFrames{ 0% { transform: translate(0px,0px) ; } 100% { transform: translate(-270px,0px) ; } } @-moz-keyframes animationFrames{ 0% { -moz-transform: translate(0px,0px) ; } 100% { -moz-transform: translate(-270px,0px) ; } } @-webkit-keyframes animationFrames { 0% { -webkit-transform: translate(0px,0px) ; } 100% { -webkit-transform: translate(-270px,0px) ; } } @-o-keyframes animationFrames { 0% { -o-transform: translate(0px,0px) ; } 100% { -o-transform: translate(-270px,0px) ; } } @-ms-keyframes animationFrames { 0% { -ms-transform: translate(0px,0px) ; } 100% { -ms-transform: translate(-270px,0px) ; } } /* --------------- Landing Page Css Ends ---------------- */ /* ------------- Press Releases Starts ------------------ */ .news-wrapper{float:left; width:100%;} .pr-item{padding:14px 20px 25px; background:#fff; margin:0 0 5px;} .pr-date{} .pr-section{background:#10069f; border-radius:5px; color:#ffffff; float:right; font-size:0.75em; padding:2px 6px 0px 6px; text-transform:uppercase; margin:0 3px 0 0; line-height:1.619em;} .pr-section.first{margin:0;} .pr-title{font-size: 1.5em; line-height: 1.42857em; margin: 0 0 0.285714em;} .pr-title a{text-decoration:none; color:#10069f;} .pr-title a:hover{color:#006dff} .notestoeditors-container{ background:#f6f6f6; margin-bottom:0.5em; padding:6px 20px;} .block-dotted { border-bottom: 1px dotted #768d99; border-top: 1px dotted #768d99;margin: 0 0 1em; color:#10069f; padding: 0.5em 0;} .news-wrapper .blue-bttn{float:left;margin-bottom:14px;} .news-wrapper .blue-bttn:hover{background: #fff;color: #00bfbe; border: #00bfbe 1px solid;} .filter-wraper{float:left; width:100%; background:#fff; padding: 20px 14px 14px; margin:0 0 5px;} .dropdown-wrap{margin:0 0 10px;} .filter-wraper .dropdown-wrap {width: 50%;float: left;} .label {padding: 4px 5px;} .dropdown{position:relative;} .selected-box{display: block;padding:3px 5px 4px;background:url(/~/media/Images/R/Rolls-Royce/css/dropdown-arrow.png) no-repeat 97% center #fff;cursor:pointer; border:1px solid #ccc;padding-right: 6%;} #contentwrapper .dropdown ul{top:32px;left:0px; background-color:#fff; padding:0px; display:none; position:absolute; width:100%;margin:0px; list-style-type:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; z-index:10;margin-top: -3px; } .dropdown ul li{padding:5px;cursor:pointer;margin:0px;} .dropdown ul li:hover{background-color:#f6f6f6;color:#10069f;} .dropdown ul li:hover a{color:#10069f;} .dropdown ul li.disabled{background-color:#666;} .first-li{display:none;} .button-wrapper{text-align:center;clear: both;} input#prbtnSearch {background-color:#10069f; color:#fff; padding:7px; font-family:arial; font-size:1em; font-weight:bold;} input#prbtnSearch:hover{background:#00bfbe} .freetext { border: 1px solid #cccccc; height: 30px; padding: 2px 5px; width: 100%;} .nojs .filter-wraper{display:none;} .related-links-container{float:left; width:100%; padding:20px 0 0;} .full-signpost{background-color: #00bfbe;color: #10069f;float:left; margin:0px 0 14px; padding:28px 20px; text-align:center; width:100%;} .full-signpost-title{float:left; font-size:1.714em; line-height:1.25em; padding:0 0 6px; width:100%;} .full-signpost-content{float:left; text-align:center; text-transform:uppercase; width:100%;} .full-signpost-content a{background-color:#fff; color:#10069f; padding:6px 15px; text-decoration:none; display:inline-block;} .full-signpost-content a:hover{text-decoration:none;} /* ------------- Press Releases Ends ------------------ */ /* ------------- Pagination Starts ------------------ */ .sitesearchpagination{float:left; padding:12px 20px 5px; width:100%; background-color:#10069f; color:#fff;margin:0 0 5px; } #contentwrapper .sitesearchpagination ul li{float:left; margin:0 4px 4px 0; padding:0;} #contentwrapper .sitesearchpagination ul li.pagerlink{border:1px solid #fff;} #contentwrapper .sitesearchpagination ul li.pagerlink a{color:#fff; display:block; padding:0 7px;} #contentwrapper .sitesearchpagination ul li.pagerlink a:hover{background-color:#fff; color:#5b5b5b;} #contentwrapper .sitesearchpagination ul li.pagerlink.currentpagerlink{color:#5b5b5b; padding:0 7px; background-color:#fff;} #contentwrapper .sitesearchpagination ul li.pagination-dots > span{padding:5px 5px 0; float:left;} #contentwrapper .sitesearchpagination ul li a{text-decoration:none;} #contentwrapper .sitesearchpagination ul li.pagination-text{padding-top:2px;} #contentwrapper .sitesearchpagination ul{list-style-type:none; padding:0;} /* ------------- Pagination Ends ------------------ */ .page-content.box-inverse a, .page-content.box-inverse a:hover{color:#fff;} /*--------MAP CSS Starts--------*/ #map-container{display:block;min-height:500px;float:left;width:100%;} .map{float:left;min-height:500px;position:relative;width:100%;margin-bottom:10px;overflow:hidden;} .map img{max-width:none;} .map-key img{margin:0px 13px 0px 13px;} .dropdown-institute-university{color:#000;} .map-key .key-header{font-size:1.500em;padding:10px 0px 0px;} .research-university-center-content{width:70%;float:left;} .research-dropdown-container{width:30%;float:left;position:relative;} .quick-find{float:left;width:32%;position:absolute;bottom:15px;left:0px;} .dropdown-institute-university{float:left;width:68%;position:absolute;bottom:15px;right:0px;} .location-info{position:absolute;left:0px;top:20px;padding:0px;width:100%;display:none;height:100%;overflow:hidden;z-index:11} .full-black-overlay{position:fixed;width:100%;height:100%;z-index:10;background:#000; opacity:0.5;top:0px;left:0px;display:none;} .location-box-top-bar{padding:7px 7px 0px;background:#CCCCCC;position:relative;} .location-category{padding:13px 37px;background:#fff;display:inline-block;} .location-box-content{background:#fff;padding: 20px 15px;height:100%;} .location-header{border-bottom: 1px dotted #999;color:#004d91;} .close-btn{cursor: pointer; display: block; height: 25px; overflow: hidden; position: absolute; right: 20px; text-indent: -9999px; top: 10px; width: 25px;background:url('/~/media/Images/R/Rolls-Royce/css/close-icon.png') no-repeat } .location-content table td:first-child{color:#004d91;font-weight:bold;width:20%;} .location-content{padding:10px 0px 0px;} /*--------MAP CSS Ends--------*/ a.rss-icon{ font-size:0.6em; line-height:1em; margin:0 0 0 6px; padding:0 0 0 20px; text-decoration:none; background:url("/~/media/Images/R/Rolls-Royce/icons/rss-icon-small.png") no-repeat scroll left 1px transparent;} ul.rad-border.latest-news a {color:#5b5b5b; text-decoration:none;line-height: 1.5;display: inline-block;} ul.rad-border.latest-news a:hover{color:#004d91;} /*----------IMAGE GALLERY CSS STARTS-----------*/ .image-gallery-container-wrap{clear:both;margin-top:7px;float:left;width:100%;} .image-gallery-landing-wrap{clear:both;float:left;width:100%;} .image-gallery-item{margin-bottom:14px;} .large-image{text-align:center;background:#f6f6f6;} /*----------IMAGE GALLERY CSS ENDS-----------*/ /* -------- Full page CSs starts -------- */ .FullpageIframe{position:absolute; left:0; top:0; height:100%;} .rad-left{float:left;padding:0 10px 10px 0px;} .rad-right{float:right;} /* -------- Full page CSs ends -------- */ /*.ellipsis { overflow: hidden; height: 42px; } .ellipsis:before { content:""; float: left; width: 5px; height: 42px; } .ellipsis > *:first-child { float: right; width: 100%; margin-left: -5px; } .ellipsis:after { font-size:1.2em;content: "\02026"; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; float: right; position: relative; top: -19px; width: 50px; padding-right: 5px; text-align: center; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);left: 100%;margin-left: -50px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF)";} #footerwrapper .ellipsis:after { font-family: 'TheMix';background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(117, 141, 153, 1)), color-stop(rgba(117, 141, 153, 1))); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(117, 141, 153, 1), rgba(117, 141, 153, 1)); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(117, 141, 153, 1), rgba(117, 141, 153, 1)); background: linear-gradient(to right, rgba(117, 141, 153, 0), rgba(117, 141, 153, 1), rgba(117, 141, 153, 1));-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00758D99, endColorstr=#FF758D99)";}*/ /*------------------RR webforms---------------*/ .rrform-Container input{width:60%;} .rrform-Container div[id*="Label"]{float:left; width: 29%;margin: 0 15px 14px 0;clear:left;} .rrform-Container div[id*="Textbox"],.rrform-Container div[id*="FreeText"]{float:left; width:68%; margin:0 0 14px;} #wfcommentsTextareaContainer{float:left; width:100%; margin:0 0 14px;} .rrform-Container textarea#wfcommentsTextarea{ width:73%; height:140px;max-width: 73%;max-height: 140px;} #wfcaptcha-codeCaptchaContainer{float:left; width:100%; margin:0 0 14px;} .rrform-Container input#wfcaptcha-codeCaptchaText{width:180px;} #wfinfo-textLabelContainer {float: none;width: 100%;} #wfSubmitButtonContainer, #wfResetButtonContainer{float:left; margin:0 0.5em 1em 0;} .rrform-Container input#wfSubmitButton{background-color:#004d91; color:#fff; padding:5px; width: 100%;} .rrform-Container input#wfResetButton{background-color:#004d91; color:#fff; padding:5px; width: 100%;} #errorDv{float:left; width:100%; color:#f94962; padding:5px 0 10px;} .requiredField{background-color: #e5ecf5!important;border: 1px solid #f94962!important;} #wfcaptcha-codeCaptchaCodeError{color:#f94962;} .rad-underline{text-decoration:underline;} /*---------------Start Investor landing rns------------*/ .news-date{white-space:nowrap;} .inv-box-cont p a:after{content:'\e603';font-family: 'icons';font-size: .6em;} #rnsXmlContainer .news-title a{background:none;} /*---------------End Investor landing rns------------*/ .social-bar ul li{float:left;padding-right:10px;} .sharepricetextval {font-size: 21px;color: #fff;padding: 9px 10px 3px 10px;} .sharepriceval {font-size: 19.6px;float: left;color: #fff;} .sharepricechngecolor {/* color: #73A373 !important; */color: #fff;float: left;padding: 3px 7px 0 5px;font-size: 14px; } .sharepricebutton {background: none repeat scroll 0 0 #86bad6; border-radius: 0; color: #fff; display: inline-block; font-size: 11.86px; padding: 4px; text-decoration: none; text-transform: uppercase; white-space: nowrap; margin-top: 2px; float: right;} .sharepricebutton:hover{color: #fff;} .sharepricebottom {float: left;padding: 5px 10px 12px 10px; width: 100%; box-sizing: border-box; } .sharepricemain {width: 100%; overflow: hidden; background: #004d91;} .sharepriceimgsrc { padding: 0 2px 0 3px; float: left; } #topsharepricetickerXmlContainer .sharepricemain {width: 100%; overflow: hidden; background: #fff;} #topsharepricetickerXmlContainer .sharepriceval {font-size: 18px;float: left; color:#768d99; line-height: 30px;} #topsharepricetickerXmlContainer .sharepricechngecolor-green { color: #73A373 !important; float: left;padding: 5px 7px 0 5px;font-size: 14px; } #topsharepricetickerXmlContainer .sharepricechngecolor-red { color: #d66 !important; float: left;padding: 5px 7px 0 5px;font-size: 14px; } #topsharepricetickerXmlContainer .sharepriceimgsrc { padding: 7px 0 0 0px; float: right; } /*Social media page */ body#social-media #contentwrapper .tabs-container ul{margin-left: -5px;margin-right: -5px;} body#social-media #contentwrapper .tabs-container ul li{margin-right: 0px;font-size: 1.429em; line-height: 1.2em; width:50%; } body#social-media #contentwrapper .tabs-container ul li a{text-align:left !important; height:51px;} body#social-media #contentwrapper ul {list-style-type: none !important;padding-left: 0px !important;} body.ip3-social-media #contentwrapper ul {list-style-type: none;padding-left: 0px !important;} body#social-media #contentwrapper #contentwrapper .page-content ul li{float:left} body.ip3-social-media #contentwrapper #contentwrapper .page-content ul li{float:left} body#social-media #contentwrapper .page-content ul li a{text-decoration: none;background:none;} body.ip3-social-media #contentwrapper .page-content ul li a{text-decoration: none;background:none;} #contentwrapper .sm-channels {float: left;padding-bottom: 15px;} #contentwrapper .sm-channels .sm-row{float:left; width:100%;padding: 20px;} #contentwrapper .sm-channels .sm-row li{ padding:15px 0;} #contentwrapper .sm-channels .sm-row li span{padding-left:10px;} #contentwrapper .sm-channels .sm-row .title {clear: both;width: 100%;color: #004d91;float: left; font-size: 1.429em; line-height: 1.2em; padding-bottom:15px;} #contentwrapper .sm-channels .evenrow{background-color:#e6eff6} .free-wall {margin-bottom: 15px;} .brick{border:1px solid #dadada;width:33.33333%;} .brick img {margin: 0px;padding: 0px;width:100%;} .brick .feed-wrapper{ padding:10px 20px 20px 10px; float:left; width:100%;} .brick .feed-title{ float:left; width:100%; padding-bottom:10px;} .brick .feed-user{ float:left; padding-right: 10px;} .brick .feed-time{ float:left} .brick ul li span a { padding:0 !important} .brick ul{ padding:0 !important; margin:0!important; display: inline-block;} .brick.facebook-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-facebook-feed.jpg") no-repeat scroll right bottom;float:left;} .brick.flickr-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-flickr-feed.jpg") no-repeat scroll right bottom;float:left;} .brick.twitter-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-twitter-feed.jpg") no-repeat scroll right bottom;float:left;} .brick.youtube-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-youtube-feed.jpg") no-repeat scroll right bottom;float:left;} .brick.instagram-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-instagram-feed.jpg") no-repeat scroll right bottom;float:left;} .brick.linkedin-icon{background: transparent url("/~/media/Images/R/Rolls-Royce/content-images/landing-page/news/icon-linkedin-feed.jpg") no-repeat scroll right bottom;float:left;} @media all and (max-width: 767px){ .brick { border: 1px solid #dadada; width: 100%; float: left; margin-bottom: 15px; } } /*------ About Us Page Update-----------*/ .blueBox{background-color:#004990;padding:20px 20px 0px;margin-bottom:20px;} .blueBox p{color:#fff;padding:0px 0px 20px;} .blueBox p strong{color:#00afd5;font-size: 1.429em;line-height: 1.2em;font-weight:normal;} .boxContent p{color:#fff;} .boxContent p strong{font-weight:normal;font-size:1.2em;} .boxContent.blueCol{background-color:#004990;} .boxContent.greyCol{background-color:#768d99;} .boxContent.lighBlueCol{background-color:#246987;} .boxImage img{width:100%;} .boxContent{padding:10px;} .boxContent1 .boxImage{margin-top:10px;} .boxContent2 .boxImage{margin-bottom:10px;} .boxContent3 .boxImage{margin-top:10px;} .section2, .section3a{margin-bottom:5px;} .boxcolContainer{margin-bottom:15px;} .strategy-num {color: #fff;font-size: 3.871em;} /*---------- Home video banner text----------*/ .videoBannerText{position:absolute;bottom:11%;z-index:2001;text-align:center;width:100%;} .videoBannerText h3{color:#fff;} @media all and (max-width:767px){ .interactive-content-wrapper-obs .int-box-title-2:before, .interactive-content-wrapper-obs .int-box-title-3:before{left: 44% !important;} .videoBannerText{position:relative;background: #155b98;padding: 11px 10px 11px;text-align:left;} .videoBannerText .btn-white{margin-left:0px;} } @media all and (min-width: 400px) and (max-width:560px){ .section1-title h2 {font-size: 2em;} } @media all and (max-width:400px){ .section1-title h2 {font-size: 2em;} } .media-contact-grid { float: left; width: 100%; padding-top: 20px; } .media-contact-list-left { float: left; width: 100%; border-right: 1px solid #cdcbcc; } .media-contact-details-right { width: 100%; padding-left: 30px; float: right; } .media-contact-list-left ul li a { padding: 10px 20px; display: block; cursor: pointer; text-decoration: none; text-align: right; } .media-contact-list-left ul li a:hover { background:#f0eeef; } .media-contact-list-left ul li a.currlink { background:#f0eeef;color:#fc4191 } .media-contact-list-left ul li a.currlink::after { content: ' '; font-family: 'icons'; position: absolute; right: 0px; background: url("/~/media/Images/R/Rolls-Royce/css/curr-contact-arrow.png") no-repeat scroll; width: 6px; margin-top: 5px; height: 11px; } .media-contact-details-right .media-contact-left { width: 29%; display: table-cell; } #radiolist ul li{list-style: none; line-height: 24px; padding-right:50px} #radiolist ul{padding-left:0px; float:left; padding-bottom:5px;} #radiolist ul li a{ background: url(/~/media/Images/R/Rolls-Royce/css/radiobtn-off.png) no-repeat left 1px #FFF; color: #10069f; border: none; padding: 4px 6px 4px 25px; font-size:13px; text-decoration: none; } #radiolist ul li a:hover{color: #002445;} #radiolist ul li.current a{ background: url(/~/media/Images/R/Rolls-Royce/css/radiobtn-on.png) no-repeat left 1px #FFF; font-weight: bold; color: #10069f; border: none; padding: 4px 6px 4px 25px; font-size:13px; font-family: 'Arial',Helvetica,sans-serif; text-decoration: none; } #tabsDD{width:100%} #search-results #tabs.sectionTabs span.select{width:100% !important; padding: 7px 15px 10px 10px !important;} #search-results #searchContainerRP { float: left; width: 30%; } #search-results #searchFilter{ float: left; clear: right; width: 30%; padding-top: 5px; } #search-results #resuleMsg{ float: right; padding-top: 5px; } .searchresultpage tbody td { padding-top: 12px; } abbr.nowrap {white-space: nowrap; } /*------------------ Interactive Content - Our Strategy - start -------------------*/ #our-strategy #overview .interactive-content-wrapper {width: 100%;} #our-strategy #overview .int-box-col-1 {width: 49%; float: left; margin-right: 20px;} #our-strategy #overview .int-box{cursor:pointer; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.6em;} #our-strategy #overview .int-box-1 {background: #0e0598; padding: 20px; min-height: 146px; margin-bottom: 20px;} #our-strategy #overview .int-box-2 {background: #0e0598; padding: 20px; min-height: 146px; margin-bottom: 20px;} #our-strategy #overview .int-box-col-2 {width: 48%; float: left;} #our-strategy #overview .int-box-3 {background: #006dff; padding: 20px; min-height: 311px; margin-bottom: 20px; width: 47%; margin-right: 20px; float: left;} #our-strategy #overview .int-box-4 {background: #4a8ef4; padding: 20px; min-height: 311px; margin-bottom: 20px; width: 47%; float: left;} #our-strategy #overview .int-box-col-3 {width: 99%; float: left;} #our-strategy #overview .int-box-5 {background: #8c29cf; padding: 45px; min-height: 110px; margin-bottom: 20px; width: 100%; float: left; text-align: center;} #our-strategy #overview .int-content-text {width: 100%; font-size: 1em; } .interactive-content-wrapper-obs { background: url("/~/media/Images/R/Rolls-Royce/content-images/about/our-strategy/our-business-system-dio-small.png") no-repeat center top; min-height: 555px; width: 100%; } .interactive-content-wrapper-obs .int-box-row-1{ width: 100%; float: left; text-align: center; } .interactive-content-wrapper-obs .int-box-row-1 #int-box-1 { width: 36%; background: #10069f; padding: 25px 0 10px 0; text-align: center; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.0em; margin: 0 auto; position: relative; margin-top: 40px; } .interactive-content-wrapper-obs .int-box-title-1:before { content: "1"; position: absolute; top: -20px; width: 40px; height: 40px; left: 44%; padding: 10px; text-align: center; border-radius: 47px; font-family: "RRPioneer-Regular",Arial; color: #ffffff; font-size: 1.1em; border: 1px solid #ffffff; background: #007587; } .interactive-content-wrapper-obs .int-box-row-2 { width: 100%; float: left; margin-top: 78px; } .interactive-content-wrapper-obs .int-box-row-3 { width: 100%; float: left; margin-top: 144px; } .interactive-content-wrapper-obs div#int-box-2 { width: 36%; background: #10069f; padding: 25px 0 10px 0; text-align: center; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.0em; position: relative; float: left; } .interactive-content-wrapper-obs .int-box-title-2:before { content: "5"; position: absolute; top: -20px; width: 40px; height: 40px; left: 34%; padding: 10px; text-align: center; border-radius: 47px; font-family: "RRPioneer-Regular",Arial; color: #ffffff; font-size: 1.1em; border: 1px solid #ffffff; background: #8c2ace; } .interactive-content-wrapper-obs div#int-box-3 { width: 36%; background: #10069f; padding: 25px 0 10px 0; text-align: center; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.0em; position: relative; float: right; } .interactive-content-wrapper-obs .int-box-title-3:before { content: "2"; position: absolute; top: -20px; width: 40px; height: 40px; left: 48%; padding: 10px; text-align: center; border-radius: 47px; font-family: "RRPioneer-Regular",Arial; color: #ffffff; font-size: 1.1em; border: 1px solid #ffffff; background: #d83f11; } .interactive-content-wrapper-obs div#int-box-4 { width: 36%; background: #10069f; padding: 25px 0 10px 0; text-align: center; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.0em; position: relative; float: right; margin-right: 20px; } .interactive-content-wrapper-obs .int-box-title-4:before { content: "3"; position: absolute; top: -20px; width: 40px; height: 40px; left: 44%; padding: 10px; text-align: center; border-radius: 47px; font-family: "RRPioneer-Regular",Arial; color: #ffffff; font-size: 1.0em; border: 1px solid #ffffff; background: #034f00; } .interactive-content-wrapper-obs div#int-box-5 { width: 36%; background: #10069f; padding: 25px 0 10px 0; text-align: center; border-radius: 6px; font-family: 'RRPioneer-Regular', Arial !important; color: #ffffff; font-size: 1.0em; position: relative; float: left; margin-left: 20px; } .interactive-content-wrapper-obs .int-box-title-5:before { content: "4"; position: absolute; top: -20px; width: 40px; height: 40px; left: 44%; padding: 10px; text-align: center; border-radius: 47px; font-family: "RRPioneer-Regular",Arial; color: #ffffff; font-size: 1.1em; border: 1px solid #ffffff; background: #e21d60; } .interactive-content-wrapper-obs .int-box-title-1, .interactive-content-wrapper-obs .int-box-title-2, .interactive-content-wrapper-obs .int-box-title-3, .interactive-content-wrapper-obs .int-box-title-4, .interactive-content-wrapper-obs .int-box-title-5 { padding: 6px 0; } .interactive-content-wrapper-obs .int-box{cursor:pointer;} .int-content-text-obs { width: 100%; font-size: 1.2em; } .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob {background: none;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-row-1 #int-box-1{width: 100%;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob #int-box-2{width: 100%; float: left; padding: 25px 20px 10px 20px;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-2:before{content: "2"; background: #d83f11;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob #int-box-3{width: 100%; float: left; padding: 25px 20px 10px 20px;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-row-3{margin-top: 0px; padding-top: 65px; background: url(/~/media/Images/R/Rolls-Royce/content-images/about/our-strategy/connect-arrow.png) no-repeat center top;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-3:before{content: "3"; background: #034f00;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob #int-box-4{width: 100%; float: left; padding: 25px 20px 20px 20px;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-4:before{content: "4"; background: #e21d60;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob #int-box-5{width: 100%; float: left; padding: 25px 20px 20px 20px; margin-left: 0;} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-5:before{content: "5"; background: #8c2ace;} .int-box-row-4.int-box-row-4-mob {width: 100%; float: left; margin-top: 0px; padding-top: 65px; background: url(/~/media/Images/R/Rolls-Royce/content-images/about/our-strategy/connect-arrow.png) no-repeat center top; } .int-box-row-5.int-box-row-5-mob {width: 100%; float: left; margin-top: 0px; padding-top: 65px; background: url(/~/media/Images/R/Rolls-Royce/content-images/about/our-strategy/connect-arrow.png) no-repeat center top; } .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-row-2{margin-top: 0px; padding-top: 65px; background: url(/~/media/Images/R/Rolls-Royce/content-images/about/our-strategy/connect-arrow.png) no-repeat center top;} .int-content-text-obs-mob { margin-top: 20px; } #results-and-events .module-spacing-wrapper .section.sections-wrap.fist-div > .new-module-spacing:first-child { margin-top: 0px !important; } #results-and-events .home-banner-fw {display:none;} /*------------------ Interactive Content - Our Strategy - end -------------------*/ body#agm div.page-content {background: #fff none repeat scroll 0 0;} body#agm div.page-content h1{color:#1e3643!important;} @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { .interactive-content-wrapper-obs .int-box-title-1:before,.interactive-content-wrapper-obs .int-box-title-2:before, .interactive-content-wrapper-obs .int-box-title-3:before, .interactive-content-wrapper-obs .int-box-title-4:before, .interactive-content-wrapper-obs .int-box-title-5:before { left: 47% !important; } } .main-modular-landing .fw-para-text table.rad-tablestyle1{table-layout: unset;} #publications .message-note {padding: 20px; margin: 10px 0 20px 0; background: #f7f7f7;} #about #country-content-container.new-site-fw .font16 ul li {font-family: "RRPioneer-Regular",Arial; padding-bottom: 0;} .fw-stats-centericon-section { float: left; width: 100%; margin-top: 0px; padding-bottom: 70px; padding-top: 70px; margin-bottom: 60px; } .fw-stats-center-icon { min-height: 90px; } .fw-stats-center-figure { color: #10069f; min-height: 55px; font-family: "RRPioneer-Bold"; } .fw-stats-center-desc { min-height: 55px; } .fw-stats-centericon{ text-align: center; vertical-align: top; } div#priorities-2019 { margin-top: 0px !important; } div#priorities-2019 .bottom-sustainable-content { margin-top: 40px; } .story-popup-wrapper .popup-story-module .hsp-main:nth-child(5) { margin-top: 0px !important; } div#airline-loadmore-wrapper { margin: 40px auto;} .story-popup-wrapper .popup-story-module .hsp-main.current.hide {display: none !important;} #spotlight-on-dahlewitz h1 { display: none; } #career-bottom .pd-box-snapdown-content-left { max-width: 100%; width: 100%; } #career-bottom .pd-box-text p {padding-left:0px;} #career-bottom .tabbed-vid-img-wrapper{ margin: 0 auto; float: none; text-align: center; margin-left: auto !important; } @media (max-width: 639px) { #career-bottom .pd-box-snapdown-click > img { display: block; margin-right: 9px; } #career-bottom .pd-box-text p{ text-align: left; } #career-bottom .pd-box-snapdown-click .pd-box-text { padding-right: 0px; text-align: left; } } @media (max-width: 390px) { .pd-box-snapdown-click > img { max-width: 150px !important; margin-bottom: 16px !important; padding-bottom: 30px; } } @media (max-width: 330px) { .pd-box-snapdown-click > img { max-width: 120px !important; margin-bottom: 16px !important; padding-bottom: 50px; } } /*---- jquery-ui-----*/ /*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } /*DATE PICKER CSS*/ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; text-decoration:none; padding:2px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-prev:before{ content:'\e600'; font-size:1.2em; color:#000; font-family:'icons'; float:left; } .ui-datepicker .ui-datepicker-next:before{ content:'\e603'; font-size:1.2em; color:#000; font-family:'icons'; float:right; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu-item:hover { /*background-color:#999999;*/ } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px 8px; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal !important; /*margin: -1px;*/ } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1em; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { /*font-size: 1.1em;*/ font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { background: #ffffff 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #000; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:hover { /*border: 1px solid #999999; background-color: #aaaaaa !important; font-weight: normal;*/ color: #004d91 !important; background-color:#e5ecf5 !important; background-image:none !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:focus { /*border: 1px solid #999999; background-color: #aaaaaa; font-weight: normal; color: #212121;*/ } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { /* color: #212121; text-decoration: none;*/ } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { } .ui-widget-header .ui-icon { } .ui-state-default .ui-icon { } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { } .ui-state-active .ui-icon { } .ui-state-highlight .ui-icon { } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } .currentDomainCSS { background: #D3D3D3 50% 50% repeat-x; } .serachTextBoxMiddle { height: 18px; margin-left: 220px; right: 44px; width: 140px; } .serachButtonMiddle { left: 363px; position: absolute; top: 53px!important; } .centerText { margin-left: 195px; } .centerText1 { margin:0 auto; width: 180px; } .ui-menu {min-width: 140px !important; max-width: 160px !important;z-index:99999 !important; width:165px !important;background: #fff;border-radius:0 !important;} .ui-menu a{background-color:#fff;height:23px;width:160px;position:relative;top:0px;margin-bottom:1px;border-radius:0 !important;} .ui-menu a:hover{position:relative;top:0px;margin-bottom:1px;} .ui-menu .ui-menu-item {padding: 0 !important; width:100% !important;} .ui-menu .ui-menu-item a{float:left; width:100%; height:auto;} .ui-menu .ui-menu-item {padding: 0 !important; width:100% !important;} .ui-corner-all span{text-align:right; width:28%;} .ui-corner-all span:first-child{text-align:left; width:71%;} /*---------------- Datepicker -----------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff;border:#fff;} .ui-datepicker-calendar tbody td,.ui-datepicker-calendar thead th{background:#fff;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-align:center;display:block;border-radius:50%;padding:5px 0 8px;font-size: 14px;color:#b2b2b1;} .ui-datepicker .ui-datepicker-header{background:#10069f;border:0;border-radius:0;padding:18px 0;} .ui-datepicker{border-radius:0;padding:0;} .ui-datepicker select{background:#10069f;color:#fff;border:0;} .ui-datepicker .ui-datepicker-next:before,.ui-datepicker .ui-datepicker-prev:before{color:#fff;font-size:0.8em;} .ui-datepicker td{padding:0;} .ui-datepicker .ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover{background:#fff !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight{border:2px solid #10069f;color: #10069f;font-weight: bold;max-width: 80%;margin: 0 auto;height: 32px;} .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker.ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus a:hover {color: #fff !important; background-color:#10069f !important;background-image:none !important;} .ui-datepicker.ui-corner-all span:first-child{color: rgba(16, 6, 159,0.6);} .ui-datepicker table{margin:5px 0 15px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:21px !important;} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover { left:10px; } .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover { right:10px; } .ui-datepicker select:focus{outline:0;} .ui-datepicker{width:300px;-webkit-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.12);-moz-box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.12);box-shadow: 0px 3px 30px 0px rgba(0,0,0,0.12);} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 44% !important; margin-right: 5px;border: 1px solid rgba(255,255,255,0.6);} .ui-datepicker .ui-state-default.ui-state-hover{color:#10069f !important;} /*---- color-box-----*/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:visible !important;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;background:#333;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; background:#fff; border:20px solid #333;} @media all and (max-width:600px) { #cboxLoadedContent{border:10px solid #333;} } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box !important; -moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important;} /* User Style: ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/~/media/Images/R/Rolls-Royce/css/overlay.png) repeat 0 0;} #colorbox{outline:0;} /* #cboxTopLeft{width:21px; height:21px; background:#000;} #cboxTopRight{width:21px; height:21px; background:#000;} #cboxBottomLeft{width:21px; height:21px; background:#000;} #cboxBottomRight{width:21px; height:21px; background:#000;} #cboxMiddleLeft{width:21px; background:#000;;} #cboxMiddleRight{width:21px; background:#000;} #cboxTopCenter{height:21px; background:#000;} #cboxBottomCenter{height:21px; background:#000;}*/ #cboxContent{background:#333; } #cboxError{padding:50px; border:1px solid #ccc;} /* #cboxLoadedContent{margin-bottom:28px;}*/ #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:0px; left:58px; color:#949494;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:#000;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; top:45%; left:0; background: url(/~/media/Images/R/Rolls-Royce/css/carousel-arrows-tcm92-55446) no-repeat left center #f2f2f2;width: 30px;height: 40px;text-indent: -9999px;opacity: 0.9;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;} #cboxNext{position: absolute;top: 45%;right: 0;background: url(/~/media/Images/R/Rolls-Royce/css/carousel-arrows-tcm92-55446) no-repeat right center #f2f2f2;width: 30px;height: 40px;text-indent: -9999px;opacity: 0.9;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;} #cboxNext:hover, #cboxPrevious:hover{opacity: 1;-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);} #cboxClose{position:absolute; top:-40px; right:0px; background:url(/~/media/Images/R/Rolls-Royce/css/close-icon.png) no-repeat center #333; width:40px; height:40px; text-indent:-9999px; z-index:9999;} #cboxClose:hover{} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /*---- seasonsgreeting-----*/ .footer-col-inner-christmas, .footer-col-inner-christmas .footer-header-christmas, .footer-col-inner-christmas .footer-content-christmas, .footer-col-inner-christmas .footer-content-christmas ul, .footer-col-inner-christmas .footer-content-christmas li a { float:left; clear:both; width:100%; } .footer-col-inner-christmas .footer-header-christmas { font-family:'TheMix'; font-size:1.429em; line-height:1.250em; padding:10px; } .footer-col-inner-christmas .footer-content-christmas { } .footer-col-inner-christmas .footer-content-christmas ul { margin-left:-5px !important; padding-left:0 !important; } .footer-col-inner-christmas .footer-content-christmas li { float:left; padding:0 5px; list-style:none; } .footer-col-inner-christmas .footer-content-christmas li a { background:none !important; } .footer-col-inner-christmas .footer-content-christmas li a span.social-text { float:left; line-height:2.6em; } .footer-col-inner-christmas .footer-content-christmas li a span.icon { color:#004d91; float:left; padding-right:0; } .footer-col-inner-christmas .footer-content-christmas li a:hover span.icon { opacity:1; } .footer-col-inner-christmas .footer-content-christmas li a i { font-size:2.5rem; } .footer-col-inner-christmas .footer-content-christmas li.email-sharing { margin-top:0px; } .footer-col-inner-christmas .footer-content-christmas li.whatsapp { margin-top:-2px; } #contentwrapper .inPageShare ul li span.icon.icon-x-twitter{ color: #004d91; opacity: 1; border-radius: 7px; } #future-products #inner-advance2-text, #future-products #inner-advance-new-era-text { padding-bottom: 0px; } #future-products #advance3-video, #future-products #ultrafan-the-ultimate-turbofan-video { padding-bottom: 40px; } #future-products .fw-video-container .innovation-video-container { height: 100% !important; } #future-products #advance2-video.new-country-site-section.Gray { padding-top: 0px;} .prot-page-logo-full-width{float:left;background: #fff;padding:20px 0 23px 30px;} #sectionheader.sectionheader-blue-prt{float: right;color: #10069f;padding-top:16px;} #content-container-fullwidth-prt{margin: 0 auto;max-width: 1170px;padding-top: 20px;} .new-site-fw-prt {max-width: none;background: #FFF;padding: 0;color: #4e5d65;font-family: "TheMix", Arial;} #contentwrapper .inPageShare p.share-title{float:left;margin-left:13px} .section-header-prt{padding-top:4px;} @media all and (max-width: 768px) { .prot-page-logo-full-width img{max-width: 165px;max-height: 70px;} .prot-page-logo-full-width{padding:6px 0 10px 0} #contentwrapper .inPageShare.ptr ul li span.icon{padding-left:0;} #contentwrapper .inPageShare.ptr{padding: 10px 0px 0} #content-container-fullwidth-prt .page-content {padding: 15px 0px 5px;} } #R2DataLabs .pd-box-snapdown-content-right { padding-top: 0px !important; } @media all and (min-width: 1025px) { #contentwrapper .share-icons-wrapper ul li.whatsapp{display:none;} } /*---- main-----*/ @font-face {font-family: "TheMix-light";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-svg") format("svg");} @font-face {font-family: "TheMix";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg") format("svg");} @font-face {font-family: "TheMix-bold";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg") format("svg");} @font-face {font-family: "icons";font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/icon/icomoon-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/icon/icomoon-ttf.ttf") format("truetype");} /* aircraft-transitions page*/ #aircraft-trasitions-product-landing .ts-image {border: 1px solid #dfdfdf} @media screen and (min-width: 1400px) { #digital-platforms .large-signpost-image { min-height: 600px; width: 50%; } #digital-platforms .large-signpost-content { min-height: 600px; width: 50%; } } .mob-menu, .better-business-no::after, .better-business-yes::after, .better-future-yes::after, .better-future-no::after, .better-power-yes::after, .better-power-no::after, li.firstPage a, li.lastPage a, li.prev a, li.next a, .snapdown-right {background-image: url("/~/media/Images/R/Rolls-Royce/css/sprite.png");background-repeat: no-repeat;} #MainWrapper {background: #f7f7f7 none repeat scroll 0 0;margin: 0 auto;padding: 0;width: 100%;} .invisible {height: 1px;left: -1e+7px;overflow: hidden;position: absolute;top: auto;visibility: visible;width: 1px;} .MainWrapperInner {max-width: 990px;padding: 0 20px;} .visible-desktop {display: block;} .visible-tablet, .visible-mobile {display: none;} body {background: #f6f6f6 none repeat scroll 0 0;color: #5b5b5b;font-size: 87.5%;line-height: 1.5em;} a {backface-visibility: hidden;color: #10069f;text-decoration: none;transition: all 0.25s ease 0s;} a:hover {color: #006dff;} a:focus, a:active {border: medium none;outline: medium none;} a.button:focus, a.button:active, a.btn:focus, a.btn:active, a.btn-white:focus, a.btn-white:active, a.btn-blue:focus, a.btn-blue:active {border: 1px solid;} a[href^="tel:"] {color: #5e5e5e;cursor: default;text-decoration: none;} a[href^="tel:"]:hover {color: #5e5e5e;} .hide {display: none;} img {border: 0 none;outline-style: none;outline-width: 0;} sup {font-size: smaller;} sub {margin: 2px 0;padding: 2px 0;} ul {list-style: outside none none;} ol {list-style-image: none;list-style-position: outside;padding-left: 25px;} hr {border-style: none none solid;border-width: 0 0 1px;margin: 5px 0;} :active {outline-style: none;outline-width: 0;} * {margin: 0;padding: 0;} p {margin: 0;padding: 0 0 15px;} h1, .h1 {color: #1e3643;font-size: 1.714em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} .box-inverse h1{color: #1e3643 !important;} h2, .h2 {color: #1e3643;font-size: 1.571em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h3, .h3, h2.rad-header {color: #1e3643;font-size: 1.429em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h4, .h4 {color: #1e3643;font-size: 1.286em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h5, .h5 {color: #1e3643;font-size: 1.143em;line-height: 1.2em;padding: 0 0 10px;text-transform: uppercase;} h6, .h6 {color: #1e3643;font-size: 1.071em;line-height: 1.2em;padding: 0 0 10px;text-transform: uppercase;} address {font-style: normal;} iframe {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;} iframe.responsive-frame {height: 100%;width: 100%;} #iframe-container {min-height: 200px;} table {border: medium none;border-collapse: collapse;margin-bottom: 14px;width: 100%;} caption, th, td {padding: 7px 9px;text-align: left;vertical-align: top;} thead td, thead th {background: #f7f7f7 none repeat scroll 0 0;font-weight: normal;} tbody td, tbody th {/*background: rgba(16, 6, 159,0.1) none repeat scroll 0 0;*/border-top: 2px solid #ffffff;} tbody th {color: #004d91;font-weight: normal;} table.rad-financialtable td, table.rad-financialtable th {text-align: right;} table.rad-financialtable td:first-child, table.rad-financialtable th:first-child {text-align: left;} .scroll-table-container table {margin-bottom: 5px;} .scroll-table-container {float: left;margin-bottom: 14px;overflow-x: auto;overflow-y: hidden;padding: 0 0 5px;width: 100%;} .inv-responsive-data-header {font-weight: bold;} .inv-responsive-data-content {text-align: right;} .inv-responsive-header-tr td {background: #004d91 none repeat scroll 0 0;color: #fff;} span.nowrap {white-space: nowrap;} .no-wrap {white-space: nowrap;} tbody td.alignCenter, tbody th.alignCenter {text-align: center;} .rad-highlight {background: #ecf2f4 none repeat scroll 0 0;display: block;margin-bottom: 10px;padding: 7px 20px;} #contentwrapper ul.rad-border {list-style: outside none none;padding: 0;} #contentwrapper ul.rad-highlight {padding-left: 26px;} #contentwrapper .rad-border > li, #contentwrapper ul.rad-highlight > li {border-top: 1px dotted #a7a9ac;margin-top: -1px;padding: 10px 0;} ul.rad-highlight li:first-child {border: 0 none;} #contentwrapper ul.rad-border li a img {margin-right: 15px;} .rad-notes {text-align: left;} .rad-notes *::after {clear: both;content: "";display: block;} input[type="url"], input[type="text"], input[type="date"], input[type="email"], select, textarea {border: 1px solid #cccccc;border-radius: 0;font-weight: normal;line-height: 1.1em;padding: 5px;} input[type="url"], input[type="text"], input[type="date"], input[type="email"], select, textarea {background: #f6f6f6 none repeat scroll 0 0;color: #5b5b5b;} input[type="url"]:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, select:focus, textarea:focus {color: #5e5e5e;outline: none;outline-offset: 0;} input.error[type="url"], input.error[type="text"], input.error[type="date"], input.error[type="email"], select.error, textarea.error {border-color: #cc0000;box-shadow: 0 0 5px #cc0000;} button, .button, input[type="reset"], input[type="button"], input[type="submit"] {border: 1px solid;border-radius: 0;display: inline-block;font-weight: 400;line-height: 1.2em;padding: 5px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} a.unstyled, .unstyled-links a {color: inherit;text-decoration: none;} .unstyled {color: inherit;} .twocolright a[title="Opens in a new window"]:not(.button) {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/new-window-icon-rr-blue.png") no-repeat scroll right 2px;padding-right: 17px;} .twocolright a[title^="PDF,"] {/*background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/pdf-link-icon") no-repeat scroll right top;*/padding-bottom: 4px;padding-right: 20px; text-decoration: none;} .twocolright a.rad-clear[title="Opens in a new window"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;} #headerwrapper {padding: 10px 0 20px;} #logo .logo-inner img {height: auto;max-width: 208px;} .logo-inner {padding: 26px 0 0;} #header {background: #fff none repeat scroll 0 0;} .share-ticker-container {float: left;padding: 5px 10px 0;} #headerlinks {float: left;overflow: hidden;padding: 2px 15px 0;} #headerlinks > a, #headerlinks a:hover {text-decoration: none;} #searchbox, #searchinnerRP {background: #eeefef none repeat scroll 0 0;float: left;margin: 3px 0;} #searchcontainer {clear: both;float: right;height: 27px;margin: 10px 0 0;overflow: hidden;} #searchTextboxContainer, #searchTextBoxContainerRP {float: left;} #searchTextboxContainer input, #searchTextBoxContainerRP input {background: transparent none repeat scroll 0 0;border: 0 none;height: 27px;padding: 5px;width: 112px;} #searchTextBoxContainerRP input {width: 231px;} #SearchButtonContainer, #searchButtonContainerRP {float: left;} #SearchButtonContainer input, #searchButtonContainerRP input {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/search.png") no-repeat scroll center center;border: 0 none;height: 27px;overflow: hidden;text-indent: -999999px;width: 32px;} #topnavigation {clear: both;} #topnavigation ul {float: left;} #topnavigation ul li {color: #004d91;float: left;padding: 11px 11px 0;text-transform: uppercase;} #topnavigation ul li.last {padding-right: 0;} #topnavigation ul li a {text-decoration: none;} #topnavigation ul li a:hover {color: #004d91;} .mob-menu {display: none;} .mob-menu-wrap > ul {display: none;} #menu-links, .country-text {display: none;} #topnavigation #nav-contact-us-level1, #topnavigation #nav-country-sites-level1 {display: none;} #topnavigation #nav-media-level1 {padding-right: 0;} #breadcrumb {font-size: 0.857em;margin: 0 0 10px;padding-left: 20px;} #breadcrumb a {color: #10069f;float: left;padding: 0 5px 0 0;} #breadcrumb a:first-child {padding-left: 0;} #breadcrumb span {color: #fa4692;float: left;padding: 0;} #breadcrumb span.separator {padding: 0 5px 0 0;color:#0062be} li.firstPage a {background-position: right -94px;display: block;height: 20px;width: 30px;} li.lastPage a {background-position: right -146px;display: block;height: 20px;width: 30px;} li.firstPage a img, li.lastPage a img, li.prev a img, li.next a img {display: none;} li.prev a {background-position: right 5px;display: block;height: 20px;margin-right: 12px;width: 20px;} li.next a {background-position: right -46px;display: block;height: 20px;width: 25px;} #fullcolumn {float: left;width: 100%;} #searchContainerRP {float: left;width: 100%;} #searchFilter {clear: both;padding: 10px 0;} .ip3search_highlight {font-weight: bold;} table.searchTable {clear: both;width: 100%;word-break: break-all;} table.searchTable tbody tr th {height: 22px;text-align: left;} #tabs.sectionTabs {float: left;min-height: 39px;padding: 0;position: relative;width: 100%;} #tabs.sectionTabs ul {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;} #tabs.sectionTabs li {float: left;margin: 0 4px 0 0;padding: 0;} #tabs.sectionTabs li.lastLI {} #tabs.sectionTabs li a span {display: block;text-align: center;} #tabs.sectionTabs li a {background-color: #86bad6;color: #fff;display: block;padding: 10px;text-align: center;text-decoration: none;} #tabs.sectionTabs li.current a, #tabs.sectionTabs li a:hover {background-color: #fff;color: #5b5b5b;} #tabsDD {cursor: pointer;font-size: 1em;height: 35px;width: 180px;} #tabs.sectionTabs span.select {background: #fff url("/~/media/Images/R/Rolls-Royce/css/searchTab-dd.png") no-repeat scroll 96% 15px;box-sizing: border-box;color: #5e5e5e;font-size: 1em;height: 35px;left: 0;padding: 11px 15px 10px 5px;position: absolute;top: 0;} .searchresultpage tbody td {background: #fff none repeat scroll 0 0;border-bottom:2px solid rgba(16, 6, 159,0.2);border-top: 0 none;padding-left: 20px;} .searchresultpage table {clear: both;} #sitemapcontainer {float: left;padding: 0 0 20px;width: 100%;} #contentwrapper #sitemapcontainer ul {list-style-type: none;padding-bottom: 0;padding-left: 0;} #sitemapcontainer li {float: left;font-weight: bold;margin: 8px 0;position: relative;width: 100%;} #sitemapcontainer li a {display: inline-block;margin-left: 20px;padding: 3px;text-decoration: none;} #sitemapcontainer li ul li {font-weight: normal;margin: 4px 0 4px 22px;padding-bottom: 0;} #sitemapcontainer li ul li a {padding: 0 0 0 3px;} #sitemapcontainer li ul li ul {margin-bottom: 10px;} #sitemapcontainer li ul li ul li {margin-left: 16px;} #sm-section-Homepage-level1 li span.collapsed {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/collapsed.gif") no-repeat scroll 0 3px;} #sm-section-Homepage-level1 li span.expanded {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/expanded.gif") no-repeat scroll 0 3px;} #sm-section-Homepage-level1 li span:not(.nowrap) {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/bullet-sitemap.gif") no-repeat scroll 2px 7px;cursor: pointer;float: left;height: 17px;left: 5px;padding-left: 20px;position: absolute;top: 5px;z-index: 10;} #contentwrapper #sitemapcontainer ul {float: left;width: 100%;} #sitemapcontainer li {margin: 8px 0 0;} #sitemapcontainer li ul li {margin: 0;padding: 4px 0 0 22px;} #sitemapcontainer li ul li ul li {margin: 0;} #footerwrapper {background: #758d99 none repeat scroll 0 0;clear: both;color: #fff;padding: 40px 0 20px;} .f-column {padding-top: 30px;} .footer-header {font-size: 1.429em;line-height: 1.25em;padding-bottom: 10px;} .footer-content ul li {display: table;float: left;padding: 10px 0 2px;width: 100%;} .footer-content ul li a {color: #fff;text-decoration: none;} .footer-content ul li a:hover {color: #fff;text-decoration: underline;} .footer-content.social-media-links a {display: table;} .footer-content.social-media-links a:hover {text-decoration: none;} .icon {color: #fff;font-family: "icons";font-size: 2.5em;line-height: 1em;opacity: 0.5;padding-right: 0.25em;position: relative;top: 0;} .footer-content.social-media-links a:hover .icon {opacity: 1;text-decoration: none;} .footer-content.social-media-links a:hover .social-text {text-decoration: underline;} .social-text {display: table-cell;height: 100%;line-height: 1.2em;text-align: left;vertical-align: middle;} #footer {background: #758d99 none repeat scroll 0 0;} .footer-logo {float: left;margin-right: 15px;width: 36px;} .copy-text {color: #fff;float: left;font-size: 0.857em;line-height: 1.2em;padding-top: 25px;} .bottom-content {padding-top: 16px;} .siteservices-links ul {float: right;font-size: 0.857em;line-height: 1.2em;padding-top: 27px;} .siteservices-links ul li {border-right: 1px solid #fff;float: left;padding: 0 5px;} .siteservices-links ul li.last {border: 0 none;} .siteservices-links ul li a {color: #fff;text-decoration: none;} .siteservices-links ul li a:hover {color: #fff;text-decoration: underline;} .footer-content.social-media-links {padding-top: 5px;} .column4-btn {padding: 10px 0 15px;} .column4-btn .btn-white {margin-left: 0;} .subsribe-link {font-size: 1.714em;line-height: 1.25em;padding-top: 10px;} .subsribe-link a, .subsribe-link a:hover {color: #fff;} .rss-link, .rss-link:hover {text-decoration: none;} .rss-link:hover .icon {opacity: 1;} #bannerwrapper img, .landing-page-item-image img {width: 100%;} .loader {background: #fff url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;} #bannerwrapper, #bannerwrapper .sliderbanner {float: left;position: relative;width: 100%;} .banner-container {position: relative;z-index: 98;} .banneritem {position: relative;} .banneritem .bannertext {bottom: 20px;left: 20px;position: absolute;} .nojs .banneritem {display: none;} .nojs .banneritem.banner1 {display: block;} .nojs .banner-container, .banner-container {display: none;} .nojs .banner-container:first-child, .banner-container:first-child {display: block;} .nojs .graphical-snapdowns-container .banner-container {display: block;} .title-abs {position: relative;} .title-abs .banner-text {left: 0;position: absolute;top: 0;z-index: 2001;} .title-abs .bottom-banner-text {bottom: 0;left: 0;position: absolute;} .no-background {text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);} #bannerwrapper .bx-controls .bx-pager {bottom: 10px;position: absolute;right: 10px;} #bannerwrapper .bx-controls .bx-controls-direction {position: absolute;top: 50%;width: 100%;} #bannerwrapper .bx-controls-direction a {float: left;padding: 0 10px;} #bannerwrapper .bx-controls-direction a.disabled {display: none;} #bannerwrapper .bx-controls-direction .bx-next {float: right;} #bannerwrapper .bx-controls-direction, #bannerwrapper .bx-pager {clear: both;float: left;} #bannerwrapper .bx-pager div {margin: 0 0 0 10px;} #bannerwrapper .bx-pager div {float: left;} .banner-text, .bottom-banner-text {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #fff;font-size: 1.5em;line-height: 1.4em;padding: 18px 16px 19px;width: 100%;} #bannerwrapper .bottom-banner-text {text-align: right;} .bottom-banner-text .banner-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/white-right-arrow.png") no-repeat scroll right 10px;color: #fff;padding-right: 20px;text-align: right;text-decoration: none;} .bottom-banner-text .banner-link:hover {color: #fff;} .bx-wrapper {position: relative;} .bx-pager {position: absolute;right: 5px;z-index: 99;} .bx-pager-item {float: left;margin: 0 1px;} .bx-pager-item a {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/pager.png") no-repeat scroll center center;display: block;height: 12px;text-indent: -999999px;width: 12px;} .bx-pager-item a.active {background-image: url("/~/media/Images/R/Rolls-Royce/css/selected-pager.png");} #contentwrapper {margin-top: 10px;} #contentwrapper ul {list-style-type: disc;padding-bottom: 14px;padding-left: 17px;} #contentwrapper ul ul, #contentwrapper ol ol, #contentwrapper ul ol, #contentwrapper ol ul {padding-bottom: 0;padding-left: 24px;} #contentwrapper ol {list-style-type: decimal;padding-bottom: 14px;} #contentwrapper ul li, #contentwrapper ol li {padding-bottom: 5px;} .notestoeditors-container {float: left;font-size: 0.857em;width: 100%;} .notestoeditors-container h2 {font-size: 2.333em;} #utility {margin-top: 40px;} #leftnavigation {background: #fff none repeat scroll 0 0;padding: 10px;} #leftnavigation ul {list-style-type: none;padding: 0;} #leftnavigation ul ul {padding-left: 0;} #leftnavigation ul li {padding-bottom: 0;} #leftnavigation > ul > li > span, #leftnavigation > ul > li > a > span {font-size: 1.143em;} #leftnavigation ul li a {display: block;text-decoration: none;} #leftnavigation ul li span {display: block;padding: 3px 5px;transition: all 0.25s ease 0s;} #leftnavigation ul li a:hover > span, #leftnavigation ul li.current > span, #leftnavigation ul li.selected > a > span, #leftnavigation ul li ul li.selected > a > span { color: #fa4692;} body.ip3-products-and-services #leftnavigation ul li.level2 {display: none;} body.ip3-products-and-services #leftnavigation ul li.level2.current, body.ip3-products-and-services #leftnavigation ul li.level2.selected {display: block;} body.ip3-country-sites #leftnavigation ul li.level2 {display: none;} body.ip3-country-sites #leftnavigation ul li.level2.current, body.ip3-country-sites #leftnavigation ul li.level2.selected {display: block;} #leftnavigation ul li ul li span {padding-left: 15px;} #leftnavigation li.level4 span {padding-left: 30px;} #leftnavigation li.level5 span {padding-left: 45px;} #leftnavigation li.level6 span {padding-left: 60px;} #leftnavigation li.level7 span {padding-left: 75px;} #home-content-container {padding: 0 5px;} .section1-title {background: #155b98 none repeat scroll 0 0;padding: 11px 20px;} /* .section1-title h1 {color: #fff;padding: 0;} */ .section1-content, .section-inner {clear: both;position: relative;} #home-content-container {padding: 0;} #homewrapper.row {margin: 0;} .section1-content {margin: 0;} .section1-overlay {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 99;} .section1-box1-container {left: 0;padding: 0 20px;position: absolute;top: 35%;width: 100%;z-index: 100;} #Homepage .section1-text-middle-bottom-aligned {top: 60%;} #Homepage .section1-text-left-top-aligned {top: 10%;} .section1-box1 {color: #fff;margin: 0 auto;text-align: center;} .section1-box1 .btn-white {margin: 5px 0;} .section4 .box-title {color: #004d91;} .video-container {min-height: 400px;} .btn-white {background: transparent none repeat scroll 0 0;border: 1px solid #fff;color: #fff;display: inline-block;margin: 5px 8px;padding: 7px 15px;text-decoration: none;text-transform: uppercase;transition: all 0.25s ease 0s;} .btn-white:hover {background: #fff none repeat scroll 0 0;color: #004d91;text-decoration: none;} .play-icon-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/overlay-play") no-repeat scroll center 75%;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .whtie-slider-wrapper {padding: 20px 0 28px;position: relative;} .whtie-slider-wrapper .bx-wrapper {padding: 0 25px;} .whtie-slider-wrapper .bx-controls-direction a {background: transparent none no-repeat scroll center center;height: 40px;position: absolute;text-decoration: none;text-indent: -99999px;top: 18%;width: 20px;} body[class*="internetexplorer"] .whtie-slider-wrapper .bx-controls-direction a {transition: all 0s linear 0s;} .whtie-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.disabled {cursor: default;opacity: 0.15;transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.bx-prev {left: 0;} .whtie-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .whtie-slider-wrapper .bx-controls-direction a:hover {transform: scale(1.25);} .pr-link {color: #fff;display: block;font-size: 1.571em;line-height: 1.5em;margin: 0 auto;text-decoration: none;width: 55%;} .whtie-slider-wrapper .bx-controls-direction a::after {color: #fff;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .whtie-slider-wrapper .bx-controls-direction a.bx-prev::after {content: "?";text-indent: -6px;} .pr-link:hover {color: #fff;text-decoration: underline;} .btn-blue {background: transparent none repeat scroll 0 0;border: 1px solid #004d91;color: #004d91;display: inline-block;padding: 7px 30px;text-decoration: none;text-transform: uppercase;transition: all 0.25s ease 0s;} .btn-blue:hover {background: #004d91 none repeat scroll 0 0;color: #fff;text-decoration: none;} .chrome .btn-blue {margin-bottom: 1px;} .box-title {color: #ffffff;font-size: 3.429em;line-height: 1em;margin-bottom: 12px;padding: 0;} .box-sub-title {font-size: 1.714em;line-height: 1.167em;margin-bottom: 4px;padding-bottom: 4px;} .section2-box {float: left;position: relative;width: 50%;} .section1 .box-content {margin: 0;padding: 20px 0 2px;} .box-content {font-size: 1.571em;line-height: 1.5em;margin-bottom: 15px;} .box-sm-content {font-size: 1.5em;line-height: 1.5em;margin: 0;padding: 0;} .black-overlay {background: transparent none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;transition: all 0.25s ease 0s;width: 100%;} .section2-box:hover .black-overlay {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;z-index: 20;} .section2-box a {text-decoration: none;} .box-head {padding: 27px 20px;} .section2-box1 .box-head {background: #206989 none repeat scroll 0 0;color: #fff;} .section2-box2 a {color: #768d99;} .white-arrow::after, .grey-arrow::after {content: "\00a0?";font-family: "icons";font-size: 0.8em;margin-left: -4px;position: relative;top: 2px;} .section3 {background: #7ab9d8 none repeat scroll 0 0;clear: both;color: #fff;padding: 54px 6%;text-align: center;} .section-inner > img {max-width: none;} .section4-content {color: #004d91;left: 0;padding: 10% 0;text-align: center;top: 10%;width: 100%;} body#Homepage .section4-content {padding: 5% 0;} .blue-slider-wrapper {padding: 20px 0 28px;position: relative;} .blue-slider-wrapper .bx-wrapper {padding: 0 25px;} .blue-slider-wrapper .bx-controls-direction a {background: transparent none no-repeat scroll center center;height: 40px;overflow: hidden;position: absolute;text-decoration: none;text-indent: -99999px;top: 40%;width: 20px;} body[class*="internetexplorer"] .blue-slider-wrapper .bx-controls-direction a {transition: all 0s linear 0s;} .blue-slider-wrapper .bx-controls-direction a.disabled {cursor: default;opacity: 0.15;transform: scale(1);} .blue-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .blue-slider-wrapper .bx-controls-direction a.bx-prev {left: 0;} .blue-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .blue-slider-wrapper .bx-controls-direction a:hover {transform: scale(1.25);} .nojs .blue-slider-wrapper .slide-item {display: none;} .blue-slider-wrapper .bx-controls-direction a::after {color: #004d91;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .blue-slider-wrapper .bx-controls-direction a.bx-prev::after {content: "?";} .blue-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .blue-slider-wrapper .slide-item, .nojs .blue-slider-wrapper .slide-item:first-child {display: block;} .quote::before, .quote::after {display: inline-block;font-family: "icons";font-size: 0.9em;height: 18px;line-height: 1em;width: 35px;} .quote::before {content: "?";} .quote {display: block;font-size: 1.571em;line-height: 1.5em;margin: 0 auto;padding: 25px 0;width: 76%;} .quote::after {content: "?";} .section4 .insight-subtitle {color: #08579c;font-size: 1.59em;line-height: 1em;margin-bottom: 30px;padding: 0;} .insight-designation {} /* #section-header-container {background: #cde0ed none repeat scroll 0 0;} */ #section-header-container-blue {background: #10069f none repeat scroll 0 0;} #sectionheader {color: #1e3643;font-size: 1.714em;line-height: normal;padding: 0;} .section-header-inner {padding: 33px 0 8px 20px;} #sectionheader.sectionheader-white {color: #fff;float: left;} #content-container {/*background: #b8d3e5 none repeat scroll 0 0;*/padding-bottom: 50px;} .page-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 14px;padding: 15px 20px 5px;width: 100%;} .no-pad-page .page-content {padding: 0;} .page-content.no-marg {margin-bottom: 0;} .page-content .landing-page-content {margin-bottom: 20px;} .margn-bttm {float: left;margin-bottom: 14px;width: 100%;} .box-inverse.f-white h1 {color: #fff;} .snapdown-container {float: left;width: 100%;} .snapdown-item {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 7px;width: 100%;} .snapdown-container {margin-bottom: 7px;} .snapdown-title-container {cursor: pointer;float: left;padding: 21px 20px;position: relative;text-decoration: none;width: 100%;} .snapdown-title {color: #10069f;float: left;font-size: 1.5em;line-height: 1.2em;padding-right: 115px;} .snapdown-title-container .snapdown-right {background-position: right -175px;color: #5e5e5e;float: right;margin: 25px 0 20px;padding: 0 16px 0 0;position: absolute;right: 20px;text-transform: uppercase;top: 0;width: 105px;} .snapdown-title-container.snapopen .snapdown-right {background-position: right -219px;} .snapdown-content {display: none;padding: 0 20px 20px;} .nojs .snapdown-title-container .snapdown-right {display: none;} .nojs .snapdown-content {display: block;} .snapbox-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 8px;padding: 15px 20px 10px;width: 100%;} .landing-page-item-title, .landing-page-item-bottom-container {color: #fff;font-size: 1.5em;line-height: 1.19em;padding: 20px;} .l-top-content {margin-top: 10px;} .l-top-content::after, .l-bottom-content::after, .b-signpost-tcontent::after, .b-signpost-bcontent::after {content: "\00a0?";font-family: "icons";font-size: 0.75em;margin-left: -4px;position: relative;top: 1px;} body[class^="ie"] .l-top-content::after, body[class^="ie"] .l-bottom-content::after, body[class^="ie"] .b-signpost-tcontent::after, body[class^="ie"] .b-signpost-bcontent::after {margin-left: -2px;} .landing-box {position: relative;} .full-abs {background-color: #fff;height: 100%;left: 0;opacity: 0;position: absolute;text-indent: -1e+7px;top: 0;width: 100%;z-index: 10;} .landing-page-item > a {display: block;text-decoration: none;} .landing-page-item {margin: 0 0 14px;} .landing-bottom-content, .landing-top-content {margin: 10px 0 0;} .landing-link {background-color: #fff;height: 100%;opacity: 0;position: absolute;text-indent: -99999px;width: 100%;} .landing-page-item-outer {position: relative;} .landing-page-item-image > img {width: 100%;} .board-item-container a {text-decoration: none;} .board-item-container {margin: 0 0 14px;} .board-item-title-container {padding: 12px 20px;} .board-item-title-outer {background: #004d91 none repeat scroll 0 0;} .board-item-image > img {width: 100%;} .board-item-name {color: #00afd5;font-size: 1.5em;} .board-item-designation {color: #fff;} .board-designation {line-height: 1.2em;} .board-header h1 {color: #00afd5;margin: 0;padding: 0 0 6px;} .board-header {background: #004d91 none repeat scroll 0 0;color: #fff;padding: 14px 20px;} .board-image {padding: 0 0 14px;} .board-image > img {width: 100%;} .board-content-designation {font-size: 2em;line-height: 1.607em;margin: 0 0 12px;} #contentwrapper .tabs-container {margin: 0;} #contentwrapper .tabs-container ul {line-height: 1;list-style: outside none none;margin: 0;overflow: hidden;padding: 0;} #contentwrapper .tabs-container ul li {float: left;margin-right: 3px;padding-bottom: 0;} #contentwrapper .tabs-container ul li:last-child {margin-right: 0;} .tabs-container ul li a {background: #efeff4;color: #10069f;display: table;height: 38px;padding: 5px 8px;text-align: center;text-decoration: none;width: 100%;} .tabs-container ul li.current a {background-color: #fff;color: #fa4692;} .tabs-container ul li a:hover {background-color: #006dff;color: #fff;} .tabs-container ul li a span {display: table-cell;line-height: 1.2em;max-width: 120px;vertical-align: middle;} .desktop-view {display: block;} .mobile-view {display: none;} .desktop-view .snapdown-item.first {margin-top: 0;} #tabs-cont {clear: both;float: left;width: 100%;} .event-wrapper {float: left;margin: 0 0 14px;width: 100%;} .events-filter-wrap {padding-bottom: 20px;} .event-filter .dropdown {float: left;margin-right: 20px;width: 25%;} .event-search {background: #c2d036 none repeat scroll 0 0;color: #fff;float: left;height: 31px;text-align: center;width: 35px;} #event-search {color: #fff;display: block;height: 100%;line-height: 2.3em;text-decoration: none;} .event-header {background: #84b9d7 none repeat scroll 0 0;color: #fff;padding: 10px 15px 10px 4%;} .nojs .event-header {padding: 0 10px;} .e-labels {float: left;padding: 6px;} .l-event, .event-title {width: 55%;} .l-date, .event-date {width: 22%; } .l-country, .event-country {width: 23%;} .event-item {background: #fff none repeat scroll 0 0;margin-top: 5px;} .snap-head {background: rgba(0, 0, 0, 0) url("~/media/Images/R/Rolls-Royce/css/side-arrow.png") no-repeat scroll 1.5% center;cursor: pointer;padding: 10px 15px 10px 4%;} .snap-head.open {background-image: url("~/media/Images/R/Rolls-Royce/css/down-arrow.png");} .nojs .snap-head {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;cursor: default;padding-left: 10px;padding-right: 10px;} .event-title {color: #004d91;font-size: 1.286em;line-height: 1.2em;} .snap-content {display: none;padding: 0 10px 20px;} .nojs .snap-content {display: block;} .nojs .events-filter-wrap {display: none;} #loadmore, .loadmore {float: left;padding: 10px 0;width: 100%;} #loadmore a, .loadmore a {background-color: #10069f;color: #fff;cursor: pointer;display: block;padding: 5px 0;text-align: center;text-decoration: none;} #loadmore a:hover, .loadmore a:hover{background:#00bfbe} #loader, #loadedcontent, .loader, .loadedcontent {display: none;text-align: center;} #loader, .loader {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;height: 50px;text-indent: -1e+7px;} .loader {background: #fff url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;float: left;height: 50px;padding: 50px 0;width: 100%;} .snapdown-content.loader {padding: 30px 0;width: 100%;} .left-s-header {color: #1e3643;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;} .left-signpost-wrapper {background: #fff none repeat scroll 0 0;height: 100%;margin-top: 14px;padding: 12px 15px;position: relative;} .left-signpost-wrapper .left-s-content a {color: #5b5b5b;text-decoration: none;} .left-s-content {margin-bottom: 2px;} .left-s-content .rad-quote {color: #004d91;font-size: 1.143em;line-height: 1.25em;} .left-link-caption {font-size: 0.929em;line-height: 1.2em;margin-top: 15px;} .left-s-link {background: #a7a9ac none repeat scroll 0 0;color: #ffffff;display: inline-block;font-size: 0.786em;line-height: 1em;margin-top: 10px;padding: 8px 11px;text-decoration: none;text-transform: uppercase;} .left-s-image {bottom: 0;position: absolute;right: 0;width: 140px;} .left-image-link-wrap {min-height: 120px;} .left-image-p {margin-right: 140px;} .brand, .rad-link {color: #10069f;} a:hover .rad-link{color:#006dff} .kilo {font-size: 1.14286em;line-height: 1.2;} .left-image-caption {font-size: 0.929em;line-height: 1.2em;} .sign-up-box p {padding-bottom: 8px;} #contentwrapper #signup-mobile, #contentwrapper #signup-email, #contentwrapper #signup-contact {/*background: transparent url("/~/media/Images/R/Rolls-Royce/css/left-signpost-stay-in-touch.png") no-repeat scroll 0 0; */padding-left: 40px;padding-right: 0;} #contentwrapper #signup-mobile {background-position: 0 11px;} #contentwrapper #signup-email {background-position: 0 -90px;} #contentwrapper #signup-contact {background-position: 0 -260px;} .button-cta { background: #10069f; border: 1px solid #10069f; direction: ltr; display: block; float: left; color: #fff; width: 36%; font-size: 12px; padding: 6px 7px; text-align: center; vertical-align: middle;} .button-cta:hover { background: #00bfbe; border: 1px solid #00bfbe; color: #fff; padding: 6px 7px;} .field-joined input, .field-joined button {float: left;} #txt-signup-email {font-size: 0.675em;margin-right: 5px;padding: 6px 5px 7px;width: 60%; background: #fff; border: 1px solid #d5d5d5;height:29px;} a.alt, .alt-links a {text-decoration: none;} /*a.alt:hover, .alt-links a:hover {color: #10069f;}*/ a.cta:hover:after, .cta-links a:hover:after, .arrow:hover:after, .latest-news a:hover:after, .related-link-content a:hover:after {color: #006dff;} a.cta::after, .cta-links a::after, .arrow::after, .latest-news a::after, .related-link-content a::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -3px;position: relative;top: 1px; color: #fa4692;} body[class^="ie"] a.cta::after, body[class^="ie"] .cta-links a::after, body[class^="ie"] .arrow::after, body[class^="ie"] .latest-news a::after, body[class^="ie"] .related-link-content a::after {margin-left: -1px;} .noArrow::after {content: "";} #signup-contact .selected-box {color: #1e3643;} #signup-contact .selected-box:hover {color: #1e3643;} .full-link-l-signpost {position: relative;} .full-hover {display: block;height: 100%;left: 0;position: absolute;text-indent: -999999px;top: 0;width: 100%;z-index: 1;} .l-signpost-title, .l-signpost-sub-title {color: #004d91;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;} .l-signpost-content {font-size: 1.143em;} .l-signpost-sub-title {color: #fff;} .l-signpost-sub-title::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 1px;} .left-signpost-wrapper.margn-bttm {margin: 0 0 14px;} .disBlock {display: block;} .l-s-ticker-wrap {background: #10069f none repeat scroll 0 0;height: 110%;margin: -12px -15px -15px;padding: 12px 15px 0 !important;} .left-s-ticker {display: block;width: 100%;} .related-links-wrapper {margin-bottom: 14px;} .related-links-h {font-size: 1.5em;font-weight: 400;} .related-link-content {background: #f6f6f6 none repeat scroll 0 0;padding: 7px 20px;} .related-link-left, .related-link-right {float: left;width: 45%;} .related-link-right {margin-left: 10%;} .related-link-content .rad-header {color: #10069f;display: block;font-size: 1.167em;line-height: 1.7em;padding: 0 0 6px;text-transform: uppercase;} .related-link-content {font-size: 0.857em;} #contentwrapper .related-link-content ul {list-style-type: none;margin-bottom: 14px;padding: 0;} #contentwrapper .related-link-content ul li {border-top: 1px dotted #a7a9ac;line-height: 1.5;margin-top: -1px;padding: 10px 0;} .related-link-content a {color: #5b5b5b;text-decoration: none;} .related-link-content a:hover {color: #10069f;} .related-link-content a[title="Opens in a new window"], .rad-content a[title="Opens in a new window"] {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/new-window-icon-rr-blue.png") no-repeat scroll right 2px;padding-right: 17px;} .related-link-content a[title="Opens in a new window"]::after, .related-link-content a[href^="tel:"]::after, .related-link-content a[href^="mailto:"]::after, .related-link-content a[title^="PDF,"]::after, .cta-links a[title="Opens in a new window"]::after, .cta-links a[href^="tel:"]::after, .cta-links a[href^="mailto:"]::after, .cta-links a[href^="PDF,"]::after {content: "";display: none;} .publication-item {border-bottom: 2px solid #b8d3e5;float: left;margin: 0 0 15px;width: 100%;} .publication-title-container {float: left;width: 100%;} .publication-content {float: left;padding-top: 14px;width: 100%;} .page-content > .scWebEditInput {display: block;} .breakdown img {max-width: none;width: 589px;} .breakdown {position: relative;} .breakdown-block {margin: 0;} .breakdown-base {display: block;} .breakdown-point {background: transparent url("/~/media/Images/R/Rolls-Royce/css/global-tcm92-55419.png") no-repeat scroll 0 0;color: #ffffff;position: absolute;text-decoration: none;z-index: 2;} .breakdown-point:hover {color: #ffffff;z-index: 4;} .breakdown-point-marker {height: 60px;line-height: 40px;text-align: center;width: 40px;} .breakdown-point-info-slate {background: transparent url("/~/media/Images/R/Rolls-Royce/css/global-i-tcm92-55419.png") no-repeat scroll 0 0;height: 30px;line-height: 30px;overflow: hidden;text-align: center;text-indent: -9999px;width: 34px;} .breakdown-detail {height: 100%;left: 0;margin: 0;position: absolute;top: 0;transition: all 0.25s ease 0s;width: 100%;z-index: 1;} .breakdown-detail.is-active {background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;z-index: 3;} .breakdown-image {display: none;} .is-active .breakdown-image {display: block;} .breakdown-content {background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);display: none;padding: 8px 10px;position: absolute;z-index: 5;} .breakdown-content > *:last-child {margin-bottom: 0;} .is-active .breakdown-content {display: block;} .breakdown-content-milli {width: 250px;} .breakdown-content-kilo {width: 280px;} .breakdown-content-mega {width: 530px;} .map-container {border: 1px solid #ccc;height: 35em;position: relative;} .mob-breakpoint {display: none;} .faq-questions {float: left;width: 100%;} .faq-detail-quest {font-weight: bold;padding: 0 0 5px;} .faq-item {float: left;padding: 0 0 5px;width: 100%;} .inv-landing-wrap {padding: 14px 0;} .inv-lnd-bx {margin-bottom: 10px;} .inv-lnd-link {display: block;position: relative;text-decoration: none;z-index: 2;} .inv-lnd-bx .inv-lnd-title {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/content-images/background-images/transperent-black-dark.png") repeat scroll 0 0;color: #fff;display: block;font-size: 1.5em;left: 0;padding: 15px;top: 0;width: 100%;} .inv-lnd-bx .inv-lnd-title-top {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/content-images/background-images/transperent-black-dark.png") repeat scroll 0 0;color: #fff;display: block;font-size: 1.5em;left: 0;padding: 15px;position: absolute;top: 0;width: 100%;} .inv-box-cont {box-sizing: border-box;left: 0;padding: 15px;top: 50px;width: 100%;} .inv-box-cont {color: #fff;font-size: 1.214em;} .inv-box-cont a {color: #fff;text-decoration: none;} .inv-lnd-bx img {width: 100%;} .investor-link-box-image {height: 100%;left: 0;padding: 0 5px;position: absolute;top: 0;width: 100%;z-index: 1;} .investor-link-box-image img {height: 100%;} /* body#financial-calendar .box-inverse h1, body#annual-report-archive .box-inverse h1, body#investment-proposition-new .box-inverse h1, body#investment-proposition .box-inverse h1 {color: #004d91;} */ body#financial-calendar .box-inverse, body#annual-report-archive .box-inverse, body#investment-proposition-new .box-inverse, body#investment-proposition .box-inverse {background: #fff none repeat scroll 0 0;margin-bottom: 14px;} body#annual-report-archive .box-inverse h1 {color: #1e3643 !important;} .read-more {background: #004d91 none repeat scroll 0 0;cursor: pointer;padding: 7px 15px;text-align: right;} .nojs .read-more {display: none;} .read-more-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/down-arrow-transparent.png") no-repeat scroll left center;color: #fff;padding: 0 0 0 20px;text-transform: uppercase;} .read-more-link.snapopen {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/up-arrow-transparent.png") no-repeat scroll left center;} a.snapdown-inner-link {height: 100%;left: 0;position: absolute;text-indent: -999999px;top: 0;width: 100%;z-index: 2002;} .banner-image-wrap-relative {position: relative;} .banner-image-wrap > img, .banner-image-wrap-relative > img {height: auto;width: 100%;} .snapdown-clickable {cursor: pointer;} .graphical-snapdown-content {display: none;} .nojs .graphical-snapdown-content {display: block;} .graphical-snapdowns-container {float: left;width: 100%;} .graphical-snapdowns-container .banner-text-wrapper {float: left;width: auto;} .graphical-snapdowns-container .banner-text {float: left;} .graphical-snapdowns-container .banner-text.no-background {width: auto;} .abs-read-more {bottom: 0;left: 0;position: absolute;width: 100%;} .banner-image-wrap {position: relative;} .rad-thin {color: #ff0000;} .dark-blue-section-header {background: #10069f none repeat scroll 0 0;color: #fff;float: left;} .customers-menu {float: right;margin: 6px 14px 0;} .customers-menu li {display: inline;margin: 0 0 0 15px;} .customers-menu a {color: #fff;text-decoration: none;text-transform: uppercase;} .customers-menu span {color: #fff;font-size: 0.796em;font-weight: bold;text-transform: uppercase;} .customer-banner-container-outer {margin: 0 auto;max-width: 990px;overflow: hidden;padding: 0;position: relative;} .customer-banner-container-outer .bx-wrapper .bx-pager {right: 36px;top: 10px;} .customer-banner-text {color: #fff;left: 41px;position: absolute;top: 38px;} .customer-banner-item {display: none;} .customer-banner-item.first {display: block;} .customer-banner-title {font-size: 4.286em;line-height: 1.5em;} .customer-banner-link {font-size: 1.714em;} .customer-banner-link a {color: #fff;text-decoration: none;} /*.customer-banner-link a::after {content: "\00a0?";font-family: "icons";font-size: 0.7em;margin-left: -6px;position: relative;top: 2px;}*/ .customer-banner-link a::after { font-size: 0.6em; margin-left: 7px; position: relative; top: 0px; content: "\e311" !important; font-family: 'new-icomoon' !important; } .customer-banner-link a:hover{color:#006dff} .customer-banner-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/overlay-banner.png") repeat-x scroll left center;bottom: 0;height: 182px;left: 0;position: absolute;width: 100%;z-index: 51;} .customer-content-container {margin-top: -130px;position: relative;z-index: 52;} .landing-page-item-image.side-pad {padding: 0 20px;} .overlay-content {background: #b8d3e5 none repeat scroll 0 0;} .customer-news .landing-page-item-image {background: #fff none repeat scroll 0 0;} .height-150 {min-height: 150px;} .customer-category-container {color: #10069f;margin-bottom: 4px;} .customer-news-title-container {box-sizing: content-box;font-size: 1.286em;padding: 0 0 58px;} .cutomer-news-container {float: left;} .customer-content-container .bx-pager-item a {background: #e7ecee;display: block;height: 10px; text-indent: -999999px;width: 10px;border-radius: 50%;border: 2px solid #fff;} .customer-content-container .bx-pager-item a.active,.customer-content-container .bx-pager-item a:hover {background:#fc4191;border:2px solid #fc4191;} .customer-content-container .bx-pager-item{margin:0 4px;} .customer-content-container .bx-controls-direction {background: transparent none no-repeat scroll center center;bottom: 0;overflow: hidden;position: absolute;right: 20px;width: 61px;} .customer-content-container .bx-controls-direction .bx-prev {display: inline-block;height: 30px;margin-right: 27px;text-decoration: none;text-indent: -99999px;width: 17px;} .customer-content-container .bx-controls-direction .bx-prev.disabled, .customer-content-container .bx-controls-direction .bx-next.disabled {cursor: default;opacity: 0.15;} .customer-content-container .bx-controls-direction a.bx-prev::after {content: "?";} .customer-content-container .bx-controls-direction a::after {color: #b1c1c8;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .customer-content-container .bx-controls-direction .bx-next {background: transparent none no-repeat scroll center center;display: inline-block;height: 30px;overflow: hidden;text-decoration: none;text-indent: -99999px;width: 17px;} .customer-content-container .bx-pager {bottom: 0;left: 20px;right: auto;} .customer-content-container .bx-wrapper, .customer-content-container .bx-viewport {position: static;} .customer-content-container .bx-controls {bottom: 20px;position: absolute;right: 0;width: 100%;z-index: 100;} .trim-text {height: 125px;overflow: hidden;text-overflow: ellipsis;width: 100%;} .customer-news-title-container a {color: #5b5b5b;text-decoration: none;} .customer-news-title-container a:hover {color: #006dff;} #contentwrapper .reports-wrapper .rad-border {margin-bottom: 14px;} .showCarousal {float: left;margin-bottom: 14px;position: relative;width: 100%;} .showCarousal .bx-prev {background: #f2f2f2 url("/~/media/Images/R/Rolls-Royce/css/sprite.png") no-repeat scroll 5px -202px;display: block;height: 40px;left: -10px;opacity: 0.9;position: absolute;text-indent: -999999px;top: 44%;width: 30px;z-index: 99;} .showCarousal .bx-next {background: #f2f2f2 url("/~/media/Images/R/Rolls-Royce/css/sprite.png") no-repeat scroll -23px -202px;display: block;height: 40px;opacity: 0.9;position: absolute;right: -10px;text-indent: -999999px;top: 44%;width: 30px;z-index: 99;} .showCarousal .bx-prev:hover, .showCarousal .bx-next:hover {transform: scale(1.25);} .showCarousal .bx-prev.disabled, .showCarousal .bx-next.disabled {opacity: 0.75;transform: scale(1);} .career-banner-container {position: relative;} .career-banner-text {background: transparent none repeat scroll 0 0;color: #ffffff;font-size: 1.71429em;font-weight: 400;left: 40px;line-height: 1.2;position: absolute;text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);top: 20px;} .career-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/career-overlay.png") repeat-x scroll 0 0;bottom: 0;height: 100px;left: 0;position: absolute;width: 100%;} .customer-banner-image {min-height: 330px;} .career-banner-container .customer-banner-image > img {margin-top: -115px;} .career-banner-title {margin: 24px 0 12px;} .search-container {background: #2f3539 url("/~/media/Images/R/Rolls-Royce/css/globe-careers.png") no-repeat scroll 29% 16px;color: #ffffff;height: 100%;margin-bottom: 14px;min-height: 150px;padding: 14px 20px;} .search-selectors select {margin: 0 10px 10px 0;max-width: 21%;min-width: 21%;} .search-selectors .hide {display: none;} .search-selectors #countries {margin: 0 20% 10px 0;min-width: 22%;} .search-selectors #career-searchbtn {background-color: #00afd5;border: 0 none;color: #fff;padding: 7px 14px;} #contentwrapper ul.job-desc-list {list-style-type: none;padding-left: 0;} #contentwrapper .job-desc-list li {display: inline-block;font-size: 0.857em;padding-bottom: 0;} .c-latest-job-wrapper {background: #fff none repeat scroll 0 0;height: 100%;padding: 12px 15px;} .no-underline {text-decoration: none;} .apply-link a::after {top: 0;} .linkedIn-wrapper {background: #fff url("/~/media/Images/R/Rolls-Royce/css/linkedin.jpg") no-repeat scroll 98% center;min-height: 150px;} #contentwrapper ul.job-desc-list > li.date::before {content: " | ";} .apply-link {display: block;width: 100%;} .lhs-snaphead {cursor: pointer;padding: 0;position: relative;transition: all 1s ease 0s;} .lhs-snaphead.open {padding-bottom: 10px;} .lhs-snaphead::after {background: rgba(0, 0, 0, 0) url("~/media/Images/R/Rolls-Royce/css/more.png") no-repeat scroll right 5px;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 15px;} .lhs-snaphead.open::after {background-image: url("~/media/Images/R/Rolls-Royce/css/less.png");} .hint {border-bottom: 1px dotted #a7a9ac;border-top: 1px dotted #a7a9ac;color: #004d91;font-size: 0.857em;font-style: italic;line-height: 1.333em;margin: 0 0 7px;padding: 7px 0;} #contentwrapper .lhs-accor ul {list-style-type: none;padding: 0;} #contentwrapper .account-accor li {padding: 0;} .account-accor a {color: inherit;display: block;line-height: 1.714em;padding: 0 5px;text-decoration: none;} ul.account-accor > li > a {font-size: 1.14286em;line-height: 1.75;} #contentwrapper ul.account-accor li > ul a {padding-left: 14px;} .account-accor a:hover {background: #e5ecf4 none repeat scroll 0 0;color: #004d91;} #contentwrapper ul.account-accor li > ul, .lhs-snapcontent {display: none;} .career-filters select {margin-bottom: 7px;width: 100%;} .career-filters #career-searchbtn, .career-txtsearchbtn {background-color: #004d91;border-color: #004d91;color: #ffffff;padding: 5px 14px;} .hint-filter {color: #a7a9ac;font-size: 0.85714em;font-style: italic;line-height: 1.3333em;margin: 0 0 7px;padding: 0;} .l-career-filter-wrap {margin-top: -14px;} .career-landing-wrap {margin-top: -40px;} .ref-search-wrap {margin-bottom: 10px;} #txtRef {margin-right: 5px;width: 75%;} .page-content.career-head {padding: 11px 20px 1px;} #twocolright .apply-link > a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding-right: 0;} #divjobslist {float: left;width: 100%;} .job-item {background: #fff none repeat scroll 0 0;margin-bottom: 7px;padding: 14px 20px;} .job-date {float: right;} .job-link.h1 {padding-right: 135px;} .tag-wrap {font-size: 0.85714em;line-height: 1.33333em;} #contentwrapper .tag-wrap ul {display: inline;list-style-type: none;padding: 0 0 0 5px;} #contentwrapper .tag-wrap ul li {display: inline-block;} .tag-wrap a, .job-link.h1 a {text-decoration: none;} .tag-wrap a:hover, .job-link.h1 a:hover {text-decoration: underline;} .tag-wrap li::after {content: ", ";} .tag-wrap li:last-child::after {content: "";} .list-type-wrap {margin: 7px 0 14px;} .select-boxes {padding: 5px 0;} .search-submission {text-align: right;} .search-tweak {float: left;} #per-page {width: auto;} #career-resetbtn {background: #a7a9ac none repeat scroll 0 0;border-color: #a7a9ac;color: #fff;margin: 0 0 5px 5px;padding: 5px 14px;} #map_wrapper {float: left;height: 800px;width: 100%;} #map_canvas {height: 800px;} #map_canvas * {padding-bottom: 13px;} #map_canvas img {max-width: none;} .job-pagination > * {cursor: pointer;float: left;} .page-data {cursor: default;line-height: 1.8em;padding: 0 5px 0 0;} #contentwrapper .sitesearchpagination.job-pagination ul li.pagerlink.currentpagerlink {padding: 0;} #contentwrapper .job-pagination ul li.pagerlink.currentpagerlink > a {color: #5b5b5b;} .job-pagination {display: none;} .career-search-snap {display: none;} .static-tabs {float: left;margin-top: -7px;width: 100%;} #contentwrapper .static-tabs ul {float: left;list-style-type: none;padding: 0;width: 100%;} .static-tab {background: #86bad6 none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: table;float: left;margin-right: 3px;max-width: 170px;padding: 5px 8px;text-align: center;} .static-tab > span {display: table-cell;vertical-align: middle;} .static-tab.last {margin: 0;} .static-tab.current {background: #fff none repeat scroll 0 0;color: #8e8e8e;} .static-tab-content {background: #fff none repeat scroll 0 0;display: none;float: left;width: 100%;} .static-tab-wrap {float: left;width: 100%;} .static-tab-wrap .snapdown-title-container {display: none;} .static-tab-wrap .snapdown-item {margin: 0;} .static-tab-wrap .snapdown-content {padding: 10px 20px 20px;} #contentwrapper .static-tab-wrap ul.rad-border li:first-child {border-top: 0 none;} .dateWrap {display: block;} .ref-no {float: left;} .button-highlight {background-color: #00afd5;border-color: #00afd5;color: #ffffff;} .button-highlight:hover, .button-bright:hover {color: #ffffff;} .button-bright {background-color: #6098ca;border-color: #6098ca;color: #ffffff;cursor: pointer;} .marg-bottom {padding-bottom: 15px;} .top-bttns, .bottom-bttns {float: right;} .job-container {display: none;} .social-bar {padding: 7px 0 0;} .search-again-text {display: none;} #contentwrapper .social-bar ul {list-style-type: none;padding: 0;} .social-bar ul li {display: inline-block;} .job-infor {line-height: 2.143em;padding-top: 10px;} #job-description * {padding: 0;} .career-linkd {font-size: 1.714em;} .in-btn {display: block;float: left;margin: 0 8px 8px 0;} .linkedin-connect {padding-right: 350px;} #contentwrapper .lhs-snapcontent li:first-child {margin-top: 0;} .quick-search {border-top: 1px dotted;padding-top: 7px;} #search-keyword {width: 76%;} .resultCount {font-size: 1.714em;font-weight: bold;position: relative;top: 3px;} a.rad-clear::after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;} #contentwrapper ul.kpi-nav {background: #fff none repeat scroll 0 0;box-shadow: 0 5px 16px #96acbb;list-style-type: none;margin-bottom: 30px;padding: 0;} #contentwrapper ul.kpi-nav li {border-right: 1px solid #b8d3e5;float: left;font-weight: normal;padding: 0;position: relative;text-align: center;width: 25%;} #contentwrapper ul.kpi-nav li.last {border: 0 none;} #contentwrapper ul.kpi-nav li a {display: block;height: 100%;padding: 14px 5px 28px;position: relative;text-decoration: none;z-index: 2;} #contentwrapper ul.kpi-nav li:hover a, #contentwrapper ul.kpi-nav li.current a {color: #fff;} #contentwrapper ul.kpi-nav li#kpi-all a, #contentwrapper ul.kpi-nav li#kpi-all:hover a, #contentwrapper ul.kpi-nav li#kpi-all.current a {color: #5e5e5e;} .kpi-item-inner {padding: 24px 20px 14px;position: relative;} .kpi-item-inner:hover .black-overlay {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;z-index: 20;} .kpi-item-link {color: #fff;display: block;height: 100%;text-decoration: none;} .kpi-item-link:hover {color: #fff;} .kpi-content {overflow: hidden;} .kpi-lan-icon, .kpi-lan-text {margin-bottom: -99999px;padding-bottom: 99999px;} .kpi-lan-icon {padding-right: 20px;width: 40%;} .kpi-lan-text {width: 60%;} .kpi-items-wrap, .kpi-items-wrap-header {float: left;width: 100%;} .kpi-item-wrap {margin-bottom: 10px;} .kpi-title::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 2px;} #contentwrapper ul.kpi-nav li:hover::after, #contentwrapper ul.kpi-nav li.current::after {background-color: inherit;bottom: -11px;box-shadow: 0 5px 16px #96acbb;content: "";display: block;height: 22px;left: 46%;position: absolute;transform: rotate(45deg);width: 22px;z-index: 1;} .kpi-caption {margin: 10px 0;padding-left: 15px;} .kpi-content {margin-top: 6px;overflow: hidden;} .nav-icon {background: rgba(0, 0, 0, 0) none no-repeat scroll center top;height: 35px;margin-bottom: 14px;overflow: hidden;} .kpi-nav li:hover .nav-icon, .kpi-nav li.current .nav-icon {background-position: center bottom;} #contentwrapper ul.kpi-nav li#kpi-all:hover .nav-icon, #contentwrapper ul.kpi-nav li#kpi-all.current .nav-icon {background-position: center top;} .kpi-content-wrap, .kpi-content-wrap-header {float: left;width: 100%;} .kpi-title-bar {background: #004d91 none repeat scroll 0 0;color: #fff;font-size: 3em;font-weight: normal;line-height: 1em;padding: 20px 26px;} .kpi-content-bar {background: #fff none repeat scroll 0 0;margin-bottom: 30px;padding: 25px 30px;} .kpi-page-title {font-size: 1.143em;line-height: 1em;} .kpi-sub-title {font-size: 0.571em;line-height: 2em;text-align: right;} .kpi-grey-title {background: #768d99 none repeat scroll 0 0;color: #fff;font-size: 2em;line-height: 1em;margin-top: 20px;padding: 27px 26px;} .kpi-intro {font-size: 1.714em;line-height: 1.4em;} .kpi-infograph-wrap {font-size: 1.286em;margin-top: -29px;text-transform: uppercase;} .assurance {text-align: right;width: 50%;} .assurance > img {margin-left: 20px;} .kpi-small-box .kpi-content-bar {color: #004890;font-size: 1.714em;line-height: 1.5em;} .kpi-small-box .kpi-content-bar:first-child {padding-bottom: 30px;} .kpi-content-bar .rad-big {display: block;font-size: 2em;line-height: 1.2em;} .blue-bttn {border: 1px solid #004d91;float: right;font-size: 1.143em;line-height: 1em;padding: 10px 10px 10px 25px;position: relative;text-decoration: none;} .blue-bttn:hover {background: #004d91 none repeat scroll 0 0;color: #fff;} .blue-bttn::before {content: " \e600";font-family: "icons";font-size: 1em;left: -4px;position: absolute;top: 10px;} .ip3-press-releases .blue-bttn::before{left: 4px;} .ip3-news .blue-bttn::before{left: 4px;} .progess-graph {float: left;height: 187px;margin: -25px 0 -24px -25px;width: 185px;} .kpi-table {display: table;} .progress-txt {width: 48%;} .progress-txt, .assurance {display: table-cell;vertical-align: middle;} .kpi-signpost-wrap .left-signpost-wrapper {margin: 0;} .kpi-items-wrap {min-height: 300px;} .kpi-image-bar {margin: -25px -30px 14px;position: relative;} .kpi-subtitle {background: rgb(0, 0, 0) none repeat scroll 0 0;color: #fff;padding: 20px 26px;} .better-business-no, .better-business-yes, .better-future-yes, .better-future-no, .better-power-yes, .better-power-no {padding-right: 150px;} .better-business-no::after, .better-business-yes::after, .better-future-yes::after, .better-future-no::after, .better-power-yes::after, .better-power-no::after {content: "";display: block;height: 62px;position: absolute;right: 0;top: 27%;width: 120px;} .better-power-no::after {background-position: 0 0;} .better-power-yes::after {background-position: -1px -100px;} .better-business-no::after {background-position: -150px 0;} .better-business-yes::after {background-position: -150px -100px;} .better-future-no::after {background-position: -301px 0;} .better-future-yes::after {background-position: -301px -100px;} .iframe-container {overflow: hidden;} .kpi-box8 .kpi-content-bar {float: left;width: 100%;} .kpi-box8 .rrform-Container div[id*="Label"], .rrform-txt-commentsTextareaContainer {margin: 0 0 7px;width: 100%;} .kpi-box8 #wftxt-commentsTextarea, .kpi-box8 .rrform-Container input[type="text"] {max-height: 100px;max-width: 80%;width: 80%;} .kpi-box8 .rrform-Container div[id*="Textbox"], .kpi-box8 .rrform-Container div[id*="FreeText"] {width: 100%;} .kpi-box8 #errorDv {display: none;} .kpi-box8 #wfSubmitButtonContainer {margin: 0;} .kpi-landing-content {color: #004d91;padding: 0 15px 10px;} .social-icons {clear: both;text-align: right;} .social-icons .icon {color: #004d91;} a.social-icon {text-decoration: none;} .social-icon:hover .icon {opacity: 1;} #social-media .landing-inner-wrapper {border: 1px solid #7f7f7f;} .stand-alone-content {background: #fff none repeat scroll 0 0;} .stand-page-title {padding: 25px 0 14px;} .stand-page-banner {padding-bottom: 20px;} .stand-page-wrapper {background: #b8d3e5 none repeat scroll 0 0;max-width: 990px;padding: 20px;} a.banner-img-link {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 0;} p.widget-small-text {color: rgb(107, 154, 190);font-size: 1.4em;line-height: 1.1em;margin-bottom: 5px;} p.widget-small-text a {color: rgb(107, 154, 190);text-decoration: none;} .widget-small-desc {color: #fff;font-size: 1.3em;line-height: 1.2em;margin-bottom: 5px;} .widget-small-desc::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 1px;} .widget-small-inner {bottom: 20px;position: absolute;} p.widget-img {padding-bottom: 0;} .contact-box-headr {color: #10069f;font-size: 1.571em;line-height: 1.1em;margin-bottom: 5px;} .contact-rhs-boxes {background-color: #f1f6fa;color: #10069f;margin-bottom: 5px;padding: 20px 15px;} .location-bx-content {font-size: 1.3em;} .location-thumb {margin: 15px -15px;} .sitelinks-content {font-size: 1.2em;line-height: 1.6em;margin: 15px 0;} .sitelinks-content a {text-decoration: none;} .loc-left {padding-bottom: 20px;} .rhs-images-box {padding: 0 15px;} .rhs-images-box .location-thumb {margin: 0 -15px;} body#worldwide-presence .country-snapdown-title-container .snapdown-telephone {background-image: url("/~/media/Images/R/Rolls-Royce/css/telephone-icon.png");background-position: 0 5px;background-repeat: no-repeat;float: right;font-size: 1.414em;padding: 5px 5px 0 30px;} body#worldwide-presence .country-snapdown-title-container .snapdown-email {border: 1px solid #004d91;float: right;font-size: 1.196em;margin: -5px 5px -10px 30px;text-transform: uppercase;} body#worldwide-presence .country-snapdown-title-container .snapdown-email a {text-decoration: none;padding: 10px 15px;display: block;} body#worldwide-presence .country-snapdown-title-container .snapdown-email:hover{border:1px solid #00bfbe;color:#00bfbe} body#worldwide-presence .country-snapdown-title-container .snapdown-email:hover a{color:#00bfbe} body#worldwide-presence .country-snapdown-title-container .country-snapdown-title {padding: 3px 0 0 30px;} body#worldwide-presence .country-snapdown-title-container .country-snapdown-right {background-image: url("/~/media/Images/R/Rolls-Royce/css/plus-icon.png");background-position: left 0;background-repeat: no-repeat;float: left;left: 15px;} .country-snapdown-title-container.country-snapopen .country-snapdown-right {background-position: left 0;} .snap-hd {color: #10069f;} #alphabet-category {margin: 10px 0 15px;padding: 0;} #alphabet-category span.alphabet-filter-text {color:#1e3643;float: left;font-size: 1.414em;margin: 2px 10px 2px 0;padding: 2px 0;} span.alphabet-filter {border: 1px solid #a5a5a5;color: #a5a5a5;float: left;font-size: 1.414em;margin: 0 3px 0 2px;padding: 2px 0;text-align: center;width: 25px;} span#alphabet-all {width: 50px;} span.alphabet-filter.haschildren {border: 1px solid #10069f;color: #10069f;margin: 0 1px 0 1px;text-align: center;width: 25px;} span.alphabet-filter.haschildren:hover {background: #fff none repeat scroll 0 0;color: #00bfbe;cursor: pointer;border:1px solid #00bfbe} span.alphabet-filter.selected {background: #10069f none repeat scroll 0 0;color: #fff;} .country-snapdown-container {float: left;width: 100%;} .country-snapdown-item {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 7px;width: 100%;} .country-snapdown-container {margin-bottom: 7px;} .country-snapdown-title-container {cursor: pointer;float: left;padding: 21px 20px;position: relative;text-decoration: none;width: 100%;} .country-snapdown-title {color: #10069f;float: left;font-size: 1.5em;line-height: 1.2em;padding-right: 115px;} .country-snapdown-title-container .country-snapdown-right {background-position: right -175px;color: #10069f;float: right;margin: 25px 0 20px;padding: 0 16px 0 0;position: absolute;right: 20px;text-transform: uppercase;top: 0;width: 105px;} .country-snapdown-content {border-top: 1px solid #b8d3e5;display: none;float: left;padding: 20px;} .nojs .country-snapdown-title-container .country-snapdown-right {display: none;} .nojs .country-snapdown-content {display: block;} .country-snapbox-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 8px;padding: 15px 20px 10px;width: 100%;} .inPageShare {background: #fff none repeat scroll 0 0;float: right;padding: 10px 20px 0;width: 100%;} #contentwrapper .inPageShare p {float: right;margin-right: 15px;padding: 8px 0 0;} #contentwrapper .inPageShare ul {float: right;padding-bottom: 0;} #contentwrapper .inPageShare ul li {display: inline-block;} #contentwrapper .inPageShare ul li a {text-decoration: none;} #contentwrapper .inPageShare ul li span.icon {color: #004d91;opacity: 1;padding-left: 8px;padding-right: 0;} .inPageShare li a i {font-size: 2.5rem;margin-top: -3px;padding: 0 0 0 3px;vertical-align: text-bottom;} .inPageShare li a i .fa {font-size: 2.5rem;} .inPageShare li a i.fa.fa-envelope {margin-top: -6px;} .inTagsNShare .share-icons-wrapper p, .inTagsNShare .share-icons-wrapper ul {float: right;} @media (max-width: 320px) { .section4-content {top: 4%;} .quote {width: 90%;}} @media (max-width: 380px) { #contentwrapper .inPageShare p {display: none;}} @media (max-width: 720px) { .section4-content {top: 4%;} .quote {width: 90%;}} .resultmore {bottom: 0;padding-top: 15px;position: absolute;} #careersinindia .customer-content-container .bx-controls {bottom: 60px;} .region-job-wrapper {background: #fff none repeat scroll 0 0;height: 100%;padding: 12px 15px;} @media all and (min-width: 0px) and (max-width: 520px) { .region-latest-jobs-box {height: 220px;} .prot-page-logo {float: left;width: 98%;} .prot-page-logo img {width: 55%;}} .section2-box1 .popup-video .box-head .box-sm-content span.white-arrow {display: none;} #products #imc-preview-protection {display: none;} body#paris-air-show-2015 .customers-menu {display: none;} @media (min-width: 1024px) { body#paris-air-show-2015 #twocolright .landing-box {width: 49.9333%;}} .nosinghtpad {margin: 0;padding: 0;} .insightpadbottom {padding-bottom: 27px;} body.ip3-products-and-services .section-header p#sectionheader {visibility: hidden;} .prot-page-logo {background-color: rgb(255, 255, 255);float: right;padding: 5px;width: 20%;} body#ttde p#sectionheader {margin-top: 10px;} body#ttde-preview-protection #leftcol {display: none;} body#ttde .page-content {height: auto;overflow: hidden;padding: 15px 10px 25px;} @media all and (min-width: 0px) and (max-width: 320px) { body#ttde .page-content > div {height: 150px;}} @media all and (min-width: 421px) and (max-width: 520px) { body#ttde .page-content > div {height: 230px;}} @media all and (min-width: 321px) and (max-width: 420px) { body#ttde .page-content > div {height: 170px;} } @media all and (min-width: 320px) and (max-width: 420px) { .con-title {font-size: 14px!important;} } @media all and (min-width: 421px) and (max-width: 1024px) { .con-title {font-size: 14px!important;} } @media all and (min-width: 521px) and (max-width: 640px) { body#ttde .page-content > div {height: 170px;}} @media all and (min-width: 721px) and (max-width: 840px) { body#ttde .page-content > div {height: 350px;}} @media all and (min-width: 921px) and (max-width: 1040px) { body#ttde .page-content > div {height: 450px;}} .border-none td {border: medium none;} body.ip3-search-and-apply.ip3-careers .box-inverse {background: #004d91 none repeat scroll 0 0;} #mylearning #leftcol {display: none;} #mylearning #twocolright {width: 100%;} #mylearning #breadcrumb {display: none;} .share-ticker-container {width: 200px;} .share-ticker-container iframe, .share-ticker-container iframe {height: 22px;width: 100%;} .l-s-ticker-wrap iframe {height: 60px;width: 100%;} body.megamenuhover #logo {z-index: 102;} body#ship-intelligence #section-talk-to-an-expert .services-title {padding-bottom: 16px;} .services-subtitle2 {padding-top: 8%;} body#ship-intelligence .product-contact-inner {display: block;padding-bottom: 10px;} body#ship-intelligence .product-contact-left {display: block;width: 100%;} body#ship-intelligence .product-contact-right {display: block;padding: 0;width: 100%;} body#ship-intelligence .product-contact-details {min-height: 145px;padding: 0 25px 20px;} body#ship-intelligence .product-contact-designation {text-transform: none;} body#ship-intelligence .product-contact-title {text-transform: uppercase;} .customers-menu li#nav-market-sectors-level3 {display: none;} body#ship-intelligence .prod-title {color: #fff;font-size: 2.429em;} body#ship-intelligence .prod-subtitle {color: #fff;text-transform: none;} body#anti-slavery-and-human-trafficking-statement-2016 .related-link-left {width: 55%;} .twitter-notification p {border: 1px solid red;color: red;font-weight: bold;margin: 15px 0;padding: 15px;} body.ip3-press-releases .twitter-notification {display: none;} body.ip3-press-releases.ip3-preview .twitter-notification, body.ip3-press-releases.ip3-edit .twitter-notification, body.ip3-press-releases.mis-stage .twitter-notification {display: block;} .icon-contact {background-image: url("/~/media/Images/R/Rolls-Royce/css/contact-us-icon.png");background-repeat: no-repeat;background-size: 59% auto;display: block;float: left;height: 17px;padding-right: 38px;width: 24px;} #air-safety-investigation .section-slide-wrap, #digital-summit-2017 .section-slide-wrap {float: left;padding-bottom: 20px;width: 100%;} #air-safety-investigation .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text {margin-top: 0;} #digital-summit-2017 .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text {margin-top: 0;} #air-safety-investigation .new-second-level-navigation-outer, #digital-summit-2017 .new-second-level-navigation-outer {display: none;} #air-safety-investigation .banner-mobi-img, #digital-summit-2017 .banner-mobi-img {display: none;} #digital-summit-2017 .ds17-heading {float: left;width: 100%;} #digital-summit-2017 .ds17-invlogo {float: right;margin-top: -65px;text-align: right;width: 20%;} #digital-summit-2017 .homecontentwrapper, #air-safety-investigation .homecontentwrapper {display: none;} #leftcol #shareholder-fraud-warning {background-color: #10069f;display: inline-block;width: 100%;} #leftcol #shareholder-fraud-warning a {color: #ffffff !important;} #leftcol #shareholder-fraud-warning .button {background: #fff none repeat scroll 0 0;border: 0 none;border-radius: 0;color: #10069f !important;display: inline-block;float: right;font-size: 11.86px;margin-top: 12px;padding: 4px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} .mediaPRtitle a {text-shadow: 2px 2px #000;} #rb211-535e4 .section.sections-wrap .new-country-site-section.fw-intro-section {margin-bottom: 40px;} body#civil-aerospace.ip3-contact-us .product-module-section .tab-content-main {text-align: left;} body#civil-aerospace.ip3-contact-us .fw-tabbed-list-wrap-inner {margin-bottom: 100px;} body#civil-aerospace.ip3-contact-us .tab-content ul li a:hover,body#civil-aerospace.ip3-contact-us .tab-content ul li a:hover:after{color: #006dff;} body#civil-aerospace.ip3-contact-us .tab-content .font21 ul li{ list-style-type: none; padding-bottom: 14px;position:relative;line-height: 1.6;} body#civil-aerospace.ip3-contact-us .tab-content ul li a::after {font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;text-transform: none;backface-visibility:hidden;color:#fc4191;margin-top:15px;font-size: 0.7em;padding-left: 8px;top: 2px;} body#civil-aerospace.ip3-contact-us .tab-content ul li a {text-decoration: none;color: #10069f;} body#civil-aerospace.ip3-contact-us .tab-content .font21 > ul {padding-left: 45px;} .progressiveDisclosure .rad-link{font-weight: normal;} /* Marine Contact page 295705 and later page renames 303443*/ /* body#contacts-and-service-locations.ip3-products-and-services.ip3-marine .homecontentwrapper .home-banner-fw{display:none;} */ body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 4.292em;line-height: 1em;font-weight: 400;text-transform: uppercase;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.857em;line-height: 1.2;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.857em;line-height: 1.2;} @media all and (max-width: 1399px) { body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 3.571em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.571em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.571em;}} @media all and (max-width: 767px) { body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 2.429em;line-height: 1;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.143em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.143em;}} /* ======== for Investor re-structure CSS ======= */ body#results-centre .box-inverse h1 {color:#1e3643!important;} body#results-centre .box-inverse{background:#fff;} body#year-in-review-2014 .box-inverse h1, body#year-in-review-2015 .box-inverse h1 {color:#004D91} body#year-in-review-2014 .box-inverse, body#year-in-review-2015 .box-inverse{background:#fff;} .banner-text-buttons-container{position:absolute;top:10px;right:10px;z-index:2002;} .banner-text-buttons{ background:url(/~/media/images/R/Rolls-Royce/content-images/background-images/transparent-blue.png); color:#fff; font-family: 'TheMix'; font-size: 1.5em; line-height: 1.4em; padding: 7px 10px 7px 12px; margin-bottom:10px} body#results-centre .banner-text-buttons{background:#10069f;} body#results-centre .banner-text-buttons:hover{background:#006dff} .banner-text-buttons a{ text-decoration:none; color:#fff; background:none !important; padding:0!important} .banner-text-buttons a.banner-button-link-external{ padding:0 !important; background:none !important;} .banner-text-buttons .banner-text-wrapper{background:url(/~/media/images/R/Rolls-Royce/css/icons-results-center.png) no-repeat scroll 0 0; background-position:right -4px; padding-right:72px; padding-top:1px; height:32px; vertical-align:middle;} .banner-button-link-internal .banner-text-wrapper{background-position: right -113px !important;} .banner-button-link-external .banner-text-wrapper{background-position: right -113px !important;} .banner-text-buttons.btn-webcast .banner-text-wrapper {background-position: right -59px !important;} body#year-in-review-2014 .banner-text, body#year-in-review-2015 .banner-text{ width:55%; color:#004D91;text-shadow: none;} body#year-in-review-2014 .no-marg, body#year-in-review-2015 .no-marg{margin-bottom: 14px !important;} .twocolright .appendices a.rad-clear{background:none!important;} a.rad-clear.extension-link:before,table td a:before {display: none;} table.appendices thead td, table.appendices thead th { background:none; border-bottom:2px solid #e5ecf5; vertical-align: middle; font-weight:bold; text-align:center} table.appendices tbody td, table.appendices tbody th { background:none; border-bottom:1px solid #e5ecf5; border-top:1px solid #e5ecf5; vertical-align: middle; text-align:center} .banner-text-buttons-container-mobi{ display:none;} table.appendices .left{ text-align:left;} table.appendices .right{ text-align:right;} @media(max-width: 480px) { .banner-text-buttons-container{ display:none;} .banner-text-buttons-container-mobi{ display:block;} .banner-text-buttons{ margin-bottom:0; margin-top:10px;} body#year-in-review-2014 .banner-text, body#year-in-review-2015 .banner-text { position:relative; background:#fff; width:100%;} } table.doc-table thead td, table.doc-table thead th { background:none; border-bottom:2px solid #e5ecf5; vertical-align: top; font-weight:bold; text-align:center} table.doc-table tbody td, table.doc-table tbody th { background:none; border-bottom:1px solid #e5ecf5; border-top:1px solid #e5ecf5; vertical-align: top; text-align:center} table.doc-table thead th{ padding-top:0!important;font-size:85%;} table.doc-table .left{ text-align:left;} table.doc-table .right{ text-align:right;} table.doc-table .no-pad{ padding:0 !important; border:none !important; line-height:1em !important;} .document-icn{background:url(~/media/images/R/Rolls-Royce/css/icons-investors.png) no-repeat scroll 20px -4px !important; padding-right:0px !important; padding-top:1px; width:72px; height:32px; vertical-align:middle; display: inline-block} .document-icn.internal-link{background-position: 20px -113px !important;} .document-icn.external-link{background-position: 20px -113px !important;} .presentation-icn{background:url(~/media/images/R/Rolls-Royce/css/icons-investors.png) no-repeat scroll -4px -4px !important; padding-right:0px !important; padding-top:1px; width:24px; height:32px; vertical-align:middle; display: inline-block} .presentation-icn.internal-link{background-position: -4px -113px !important;} .presentation-icn.external-link{background-position: -4px -113px !important;} .presentation-icn.audio-link{background-position: -1px -59px !important;width:28px;} .webcast2{display:block;padding-top:10px;} .left-signpost-wrapper ul.rad-border.latest-news a{color:#10069f} .left-signpost-wrapper ul.rad-border.latest-news a:after{color:#fa4692;} .left-signpost-wrapper ul.rad-border.latest-news a:hover,.left-signpost-wrapper ul.rad-border.latest-news a:hover:after{color:#006dff} #caroline-gorski-on-the-power-of-collaboration .related-link-left, .related-link-right {float: left;width: 100%;} /* Marine Contact page 295705 */ .insights-mid-fw-inner.flyer-landing{margin-top:100px} body#investors #bannerwrapper .bottom-banner-text {text-align: left;} body#investors .bottom-banner-text .banner-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/white-right-arrow.png") no-repeat scroll right 5px;color: #fff;padding-right: 20px;text-align: right;text-decoration: none;} body#results-centre .desktop-view {display: none;} body#products-and-services .customer-news {display: none;} .left-signpost-wrapper ul.rad-border.latest-news a:after, .left-signpost-wrap a.cta::after{ content:"\e603";margin-left:0;} body.ip3-deutschland .related-links-container a::after{content:"";} body.ip3-deutschland .related-links-container a {color: #10069f;} .ip3-press-releases .breadcrumbWrap { display: none; } #Homepage .fw-home-banner-btm-content.NavyBlue { background: rgba(255,255,255,0.75); padding: 14px 14px 0 17px; } #leftcol #shareholder-privacy-policy {background-color: #10069f;display: inline-block;width: 100%;} #leftcol #shareholder-privacy-policy a {color: #ffffff !important;} #leftcol #shareholder-privacy-policy .button {background: #fff none repeat scroll 0 0;border: 0 none;border-radius: 0;color: #10069f !important;display: inline-block;float: right;font-size: 11.86px;margin-top: 12px;padding: 4px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} /*div#intro-text-irf .module-max-width .eight-column-wrapper {max-width:100%}*/ /* Generic Form Module Start */ .fw-en-form-wrapper .generic-form-module-wrapper .float100 {float: left;width: 100%;} .generic-form-module-wrapper { padding-top: 0; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs { padding-bottom:40px; } .fw-en-form-wrapper .generic-form-module-wrapper input, .fw-en-form-wrapper .generic-form-module-wrapper textarea { font-size: 1.286em; padding:33px 22px 15px; width:100%; position:relative; color:#4e5d65; height:70px;background: #fff;} .new-country-site-section.White .fw-en-form-wrapper .generic-form-module-wrapper input, .new-country-site-section.White .fw-en-form-wrapper .generic-form-module-wrapper textarea{border:1px solid #4e5d65;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) { padding-right:29px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs .placehold { position: absolute; top: 24px; left: 29px; color: #b2b2b1; font-size: 1.286em; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; cursor: text; } .fw-en-form-wrapper .generic-form-module-wrapper input:focus + .placehold,.filled,.fw-en-form-wrapper .generic-form-module-wrapper textarea:focus + .placehold { font-size: 1em !important; line-height: 1.2em; top: 12px !important; color: #10069f !important; z-index: 2;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs input:focus,.focused,.fw-en-form-wrapper .generic-form-module-wrapper .inputs textarea:focus { outline:1px solid #10069f; } .fw-en-form-wrapper .generic-form-module-wrapper .errorBox { outline:1px solid #fa2b2b !important;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs .errorBox + .filled { color:#fa2b2b !important; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs input:focus, .fw-en-form-wrapper .generic-form-module-wrapper .inputs textarea:focus {-webkit-box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); -moz-box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); } .fw-en-form-wrapper .generic-form-module-wrapper .inputs span:not(.asterik) { position: absolute; bottom: 19px; left:4px; padding-left: 24px; background-color: #fa2b2b; color: #fff !important; text-transform:uppercase;font-size: 0.8572em; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) span { width: calc(100% - 32px); } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(even) span,.next-service span { width: calc(100% - 8px); } .fw-en-form-wrapper .generic-form-module-wrapper textarea {min-height: 162px;resize: none;} .fw-en-form-wrapper .generic-form-module-wrapper .generic-contact-submit {clear: both; margin: 0 auto;display: inline-block;text-align: center;float: left;} .fw-en-form-wrapper .generic-form-module-wrapper .captcha-box { text-align:-webkit-center; margin-bottom: 46px;text-align: -moz-center; display:flex; justify-content:center;float:left } .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { max-width: 970px; margin: 0 auto; float: none; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper .inputs{ padding-right:5px !important; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper .inputs { padding-bottom: 28px; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper input { padding: 21px 22px;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs.fullTextAera:nth-child(2n+1) span {width: calc(100% - 1%);} .generic-form-module-success-wrap{text-align:center;font-size:1.4em;} @media all and (max-width:991px) { .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { padding-left: 30px; padding-right: 30px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) { padding-right:5px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) span { width: calc(100% - 8px); } } @media all and (max-width:767px) { .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { padding-left: 15px; padding-right: 15px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs span { width:calc(100% - 8px); } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(2n+1) span, .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(2n) span {width: calc(100% - 8px);} } .fw-en-form-wrapper .generic-form-module-wrapper .inputs.fullTextAera:nth-child(2n+1) span{width: calc(100% - 8px);} /* Generic Form Module End */ .cpc-err {position: absolute;left: 0;margin-top: 10px;font-size: 1em;color: red;} .trust-box .word { margin-bottom: 15px;} body#civil-aerospace #related-content-3-5 {display: none;} #auto-top-link { background-color: #a2a9af; bottom: 55px; color: #ffffff;display: none;float: left; font-size: 2.2rem;font-weight: bold; padding: 7px; position: fixed; right: 23px; text-decoration: none;width: 40px;height: 40px; z-index: 9999;text-align: center;} #auto-top-link span strong { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute;} a#auto-top-link >span:before { font-size: 1.7rem; line-height: normal; position: relative; transform: rotate(-90deg); display: block; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: relative; top: -2px; font-weight: bold; } #ecosystem #contact-form2 .select {padding: 15px 16px;} #ecosystem #contact-form2 span.select {color: #4e5d65 !important;position: absolute;top: 0px;left: 0;height: 70px;background-color: #fff;text-transform:inherit!important;cursor:pointer;} #ecosystem #contact-form2 .select {color: #4e5d65;position: absolute;z-index: 1;line-height: 2em;font-size: 1.333em;cursor: auto;padding-left:28px;} #ecosystem #contact-form2 span.select::before {position: absolute;display: inline-block;content: '';width: 60px;height: 100%;top: 0;right: 0;background-color: #10069f;} #ecosystem #contact-form2 span.select::after {content: '';position: absolute;right: 20px;top: 27px;width: 0;height: 0;border: 10px solid transparent;border-top-color: transparent;border-top-color: #fff;} #ecosystem #contact-form2 select{background-color: #fff;height: 70px;padding-left:20px;color:#b2b2b1;font-size:1.286em;width:100%;position:relative;z-index:10;opacity:0;} #ecosystem #contact-form2 .generic-form-module-success-wrap{margin-bottom:20px;} #ecosystem #contact-form2 .generic-form-module-success-wrap .failure{color:red;} /*body#used-fleet-flyer-form {background:rgb(16, 6, 159) none repeat scroll 0% 0%;height:100%;overflow:visible;}*/ /*body#used-fleet-flyer-form .fw-module-full-width-external-web-content, body#used-fleet-flyer-form #MainWrapper {padding-top:0!important;}*/ /*body#used-fleet-flyer-form .fw-footer-outer, body#used-fleet-flyer-form .header-outer, body#used-fleet-flyer-form .breadcrumbWrap,body#used-fleet-flyer-form .homecontentwrapper {display:none;} */ /*body#used-fleet-flyer-form iframe.responsive-frame {height:1100px!important;}*/ body#subscribe-to-the-flyer iframe.responsive-frame {height:1100px!important;} .sm-title #wechat:before { content: ""; background: url(~/media/Images/R/Rolls-Royce/css/icon-wechat.png) no-repeat center center / cover; width: 22px; height: 22px; display: inline-block; margin-right: 36px; position: absolute; left: 7px; top: 2px; } #inner-working-to-realise-europes-vision .font18 ul li:before {display:none;} #inner-working-to-realise-europes-vision .fw-para-text ul li span {position: relative;} #inner-working-to-realise-europes-vision .fw-para-text ul li span:before { background: #004990; border-radius: 50%; content: ""; height: 6px; left: -25px; position: absolute; top: 7px; width: 6px; } #inner-quote-rob-watson, #inner-welcome-to-third-era-of-aviation {clear: left;} #inner-flexible-signpost .fw-flexi-sp-icon, #china-exhibition-english .fw-flexi-sp-icon, #china-exhibition-chinese .fw-flexi-sp-icon {display: none;} .nowraptext {white-space: nowrap;display: inline-block;} #board .key-text li span, #board .key-block li span, #executive-leadership-team .key-text li span, #executive-leadership-team .key-block li span {color:#10069f;} #board .key-block, #executive-leadership-team .key-block {padding: 15px;border: 1px solid #d2dae6;margin-top: 10px;} #board .key-text td, #executive-leadership-team .key-text td {border:0} #anti-slavery-and-human-trafficking-statement .new-site-fw .fw-para-text ul li::before {display:block} .fw-stats-top , .fw-stats-top.rr-black{color: #006dff !important;} #contentwrapper ol li.font-weight-normal-ol-li{ font-weight: 500 !important; font-family: "RRPioneer-regular",Arial; } /** Default UP LI Css **/ .fw-full-width-text.fw-intro-section ul { list-style-type: disc !important; padding-bottom: 14px !important; padding-left: 25px !important; } .fw-full-width-text.fw-intro-section ul li { list-style: none !important; padding-bottom: 15px !important; } .fw-full-width-text.fw-intro-section ul li:before { /*content: "." !important;*/ background: #004990 !important; border-radius: 50% !important; display:block !important; opacity:1 !important; visibility:visible !important; height: 8px !important; left: -25px !important; position: absolute !important; top: 9px !important; width: 8px !important; } #geschichten .insights-filter-wrap{ display:none; } /* snap down at bottom on /country-sites/deutschland.aspx */ .AftermarketTabs .disableSnapDw + .pd-box-snapdown-content{ display: none !important; visibility: hidden !important; } .AftermarketTabs .disableSnapDw { display:-webkit-box; display:-ms-flexbox; display:flex; } .AftermarketTabs .disableSnapDw .fw-para-text{ color:#4e5d65; } .AftermarketTabs .disableSnapDw:hover{ background: #fa4692 !important; border-color: #fa4692 !important; } .AftermarketTabs .disableSnapDw a{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .AftermarketTabs .disableSnapDw a:hover{ background: #fa4692 !important; color: #fff !important; border-color: #fa4692 !important; } .AftermarketTabs .disableSnapDw a:hover .fw-para-text{ color: #fff !important; } /* snap down at bottom on /country-sites/deutschland.aspx end */ body#civil-aerospace #product-performance.module-tabbed-list-section-template .fw-module-global-signpost.new-country-site-section{float:none !important;} body#climate-tech-centre #inner-2-7-quote-and-image-01 .ar-wrap .tab-right{padding-top: 10px} body#climate-tech-centre #inner-2-7-quote-and-image-02 .ar-wrap .tab-right{padding-top: 10px} body#events.ip3-r2datalabs .homecontentwrapper.no-image .home-banner-fw{display:none;} #power-systems-sustainability .tab-content-main .fw-ti-ttl.mixbold {display: none;} .mt-0 { margin-top: 0px!important;} .mr-20 { margin-right: 20px!important;} .mr-10 { margin-right: 10px!important;} #digital-home .new-site-fw .font18 ul.removelistbullets li:before {display: none!important;} #iframe_popup .mfp-close{line-height: 0; text-align: center;} .linktextrow {display: flex;} .linktextrowtwo {display: flex; margin-top: 15px;} .btnlinkleft {width: 49%;} .btnlinkright {width: 51%;} #indianapolis-branch .fw-en-form-wrapper input {border: 1px solid #cccccc!important;} #indianapolis-branch .fw-en-form-wrapper input {border: 1px solid #cccccc!important;} #indianapolis-branch .fw-en-form-wrapper input:focus { outline:1px solid #10069f; } #indianapolis-branch .fw-en-form-wrapper input[type="submit"], .fw-en-form-wrapper input[type="reset"] {border: 2px solid #10069f!important;} #indianapolis-branch .main-modular-landing.new-site-fw a[href^="tel:"] { color: #10069f!important; font-weight: 600!important; cursor: pointer!important; } #indianapolis-branch .main-modular-landing.new-site-fw a:hover { color: #006dff!important; } .contacttab .new-linkedin:before,.contacttab .new-twitter:before ,.contacttab .new-flickr:before { content:none!important; } .contacttab .icon-linkedin2:before { content: "\eee8"!important; height: 0px!important; } .contacttab .icon-twitter:before { content: "\eee6"!important; height: 0px!important; } .contacttab .icon-flickr:before { content: "\e901"!important; height: 0px!important; } .contacttab .new-linkedin, .contacttab .new-twitter, .contacttab .new-flickr { margin-right: 20px; } .contacttab { margin-top: 0px!important; margin-left: -10px!important; } @font-face {font-family: "TheMix-light";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-300/themix-300-svg") format("svg");} @font-face {font-family: "TheMix";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-500/themix-500-svg") format("svg");} @font-face {font-family: "TheMix-bold";font-style: normal;font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-woff.woff") format("woff"), url("/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg.svg#/~/media/Files/R/Rolls-Royce/fonts/themix-700/themix-700-svg") format("svg");} @font-face {font-family: "icons";font-weight: normal;src: url("/~/media/Files/R/Rolls-Royce/fonts/icon/icomoon-eot.eot?#iefix") format("embedded-opentype"), url("/~/media/Files/R/Rolls-Royce/fonts/icon/icomoon-ttf.ttf") format("truetype");} /* aircraft-transitions page*/ #aircraft-trasitions-product-landing .ts-image {border: 1px solid #dfdfdf} @media screen and (min-width: 1400px) { #digital-platforms .large-signpost-image { min-height: 600px; width: 50%; } #digital-platforms .large-signpost-content { min-height: 600px; width: 50%; } } .mob-menu, .better-business-no::after, .better-business-yes::after, .better-future-yes::after, .better-future-no::after, .better-power-yes::after, .better-power-no::after, li.firstPage a, li.lastPage a, li.prev a, li.next a, .snapdown-right {background-image: url("/~/media/Images/R/Rolls-Royce/css/sprite.png");background-repeat: no-repeat;} #MainWrapper {background: #f7f7f7 none repeat scroll 0 0;margin: 0 auto;padding: 0;width: 100%;} .invisible {height: 1px;left: -1e+7px;overflow: hidden;position: absolute;top: auto;visibility: visible;width: 1px;} .MainWrapperInner {max-width: 990px;padding: 0 20px;} .visible-desktop {display: block;} .visible-tablet, .visible-mobile {display: none;} body {background: #f6f6f6 none repeat scroll 0 0;color: #5b5b5b;font-size: 87.5%;line-height: 1.5em;} a {backface-visibility: hidden;color: #10069f;text-decoration: none;transition: all 0.25s ease 0s;} a:hover {color: #006dff;} a:focus, a:active {border: medium none;outline: medium none;} a.button:focus, a.button:active, a.btn:focus, a.btn:active, a.btn-white:focus, a.btn-white:active, a.btn-blue:focus, a.btn-blue:active {border: 1px solid;} a[href^="tel:"] {color: #5e5e5e;cursor: default;text-decoration: none;} a[href^="tel:"]:hover {color: #5e5e5e;} .hide {display: none;} img {border: 0 none;outline-style: none;outline-width: 0;} sup {font-size: smaller;} sub {margin: 2px 0;padding: 2px 0;} ul {list-style: outside none none;} ol {list-style-image: none;list-style-position: outside;padding-left: 25px;} hr {border-style: none none solid;border-width: 0 0 1px;margin: 5px 0;} :active {outline-style: none;outline-width: 0;} * {margin: 0;padding: 0;} p {margin: 0;padding: 0 0 15px;} h1, .h1 {color: #1e3643;font-size: 1.714em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} .box-inverse h1{color: #1e3643 !important;} h2, .h2 {color: #1e3643;font-size: 1.571em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h3, .h3, h2.rad-header {color: #1e3643;font-size: 1.429em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h4, .h4 {color: #1e3643;font-size: 1.286em;font-weight: normal;line-height: 1.2em;padding: 0 0 10px;} h5, .h5 {color: #1e3643;font-size: 1.143em;line-height: 1.2em;padding: 0 0 10px;text-transform: uppercase;} h6, .h6 {color: #1e3643;font-size: 1.071em;line-height: 1.2em;padding: 0 0 10px;text-transform: uppercase;} address {font-style: normal;} iframe {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;} iframe.responsive-frame {height: 100%;width: 100%;} #iframe-container {min-height: 200px;} table {border: medium none;border-collapse: collapse;margin-bottom: 14px;width: 100%;} caption, th, td {padding: 7px 9px;text-align: left;vertical-align: top;} thead td, thead th {background: #f7f7f7 none repeat scroll 0 0;font-weight: normal;} tbody td, tbody th {/*background: rgba(16, 6, 159,0.1) none repeat scroll 0 0;*/border-top: 2px solid #ffffff;} tbody th {color: #004d91;font-weight: normal;} table.rad-financialtable td, table.rad-financialtable th {text-align: right;} table.rad-financialtable td:first-child, table.rad-financialtable th:first-child {text-align: left;} .scroll-table-container table {margin-bottom: 5px;} .scroll-table-container {float: left;margin-bottom: 14px;overflow-x: auto;overflow-y: hidden;padding: 0 0 5px;width: 100%;} .inv-responsive-data-header {font-weight: bold;} .inv-responsive-data-content {text-align: right;} .inv-responsive-header-tr td {background: #004d91 none repeat scroll 0 0;color: #fff;} span.nowrap {white-space: nowrap;} .no-wrap {white-space: nowrap;} tbody td.alignCenter, tbody th.alignCenter {text-align: center;} .rad-highlight {background: #ecf2f4 none repeat scroll 0 0;display: block;margin-bottom: 10px;padding: 7px 20px;} #contentwrapper ul.rad-border {list-style: outside none none;padding: 0;} #contentwrapper ul.rad-highlight {padding-left: 26px;} #contentwrapper .rad-border > li, #contentwrapper ul.rad-highlight > li {border-top: 1px dotted #a7a9ac;margin-top: -1px;padding: 10px 0;} ul.rad-highlight li:first-child {border: 0 none;} #contentwrapper ul.rad-border li a img {margin-right: 15px;} .rad-notes {text-align: left;} .rad-notes *::after {clear: both;content: "";display: block;} input[type="url"], input[type="text"], input[type="date"], input[type="email"], select, textarea {border: 1px solid #cccccc;border-radius: 0;font-weight: normal;line-height: 1.1em;padding: 5px;} input[type="url"], input[type="text"], input[type="date"], input[type="email"], select, textarea {background: #f6f6f6 none repeat scroll 0 0;color: #5b5b5b;} input[type="url"]:focus, input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, select:focus, textarea:focus {color: #5e5e5e;outline: none;outline-offset: 0;} input.error[type="url"], input.error[type="text"], input.error[type="date"], input.error[type="email"], select.error, textarea.error {border-color: #cc0000;box-shadow: 0 0 5px #cc0000;} button, .button, input[type="reset"], input[type="button"], input[type="submit"] {border: 1px solid;border-radius: 0;display: inline-block;font-weight: 400;line-height: 1.2em;padding: 5px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} a.unstyled, .unstyled-links a {color: inherit;text-decoration: none;} .unstyled {color: inherit;} .twocolright a[title="Opens in a new window"]:not(.button) {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/new-window-icon-rr-blue.png") no-repeat scroll right 2px;padding-right: 17px;} .twocolright a[title^="PDF,"] {/*background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/pdf-link-icon") no-repeat scroll right top;*/padding-bottom: 4px;padding-right: 20px; text-decoration: none;} .twocolright a.rad-clear[title="Opens in a new window"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;} #headerwrapper {padding: 10px 0 20px;} #logo .logo-inner img {height: auto;max-width: 208px;} .logo-inner {padding: 26px 0 0;} #header {background: #fff none repeat scroll 0 0;} .share-ticker-container {float: left;padding: 5px 10px 0;} #headerlinks {float: left;overflow: hidden;padding: 2px 15px 0;} #headerlinks > a, #headerlinks a:hover {text-decoration: none;} #searchbox, #searchinnerRP {background: #eeefef none repeat scroll 0 0;float: left;margin: 3px 0;} #searchcontainer {clear: both;float: right;height: 27px;margin: 10px 0 0;overflow: hidden;} #searchTextboxContainer, #searchTextBoxContainerRP {float: left;} #searchTextboxContainer input, #searchTextBoxContainerRP input {background: transparent none repeat scroll 0 0;border: 0 none;height: 27px;padding: 5px;width: 112px;} #searchTextBoxContainerRP input {width: 231px;} #SearchButtonContainer, #searchButtonContainerRP {float: left;} #SearchButtonContainer input, #searchButtonContainerRP input {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/search.png") no-repeat scroll center center;border: 0 none;height: 27px;overflow: hidden;text-indent: -999999px;width: 32px;} #topnavigation {clear: both;} #topnavigation ul {float: left;} #topnavigation ul li {color: #004d91;float: left;padding: 11px 11px 0;text-transform: uppercase;} #topnavigation ul li.last {padding-right: 0;} #topnavigation ul li a {text-decoration: none;} #topnavigation ul li a:hover {color: #004d91;} .mob-menu {display: none;} .mob-menu-wrap > ul {display: none;} #menu-links, .country-text {display: none;} #topnavigation #nav-contact-us-level1, #topnavigation #nav-country-sites-level1 {display: none;} #topnavigation #nav-media-level1 {padding-right: 0;} #breadcrumb {font-size: 0.857em;margin: 0 0 10px;padding-left: 20px;} #breadcrumb a {color: #10069f;float: left;padding: 0 5px 0 0;} #breadcrumb a:first-child {padding-left: 0;} #breadcrumb span {color: #fa4692;float: left;padding: 0;} #breadcrumb span.separator {padding: 0 5px 0 0;color:#0062be} li.firstPage a {background-position: right -94px;display: block;height: 20px;width: 30px;} li.lastPage a {background-position: right -146px;display: block;height: 20px;width: 30px;} li.firstPage a img, li.lastPage a img, li.prev a img, li.next a img {display: none;} li.prev a {background-position: right 5px;display: block;height: 20px;margin-right: 12px;width: 20px;} li.next a {background-position: right -46px;display: block;height: 20px;width: 25px;} #fullcolumn {float: left;width: 100%;} #searchContainerRP {float: left;width: 100%;} #searchFilter {clear: both;padding: 10px 0;} .ip3search_highlight {font-weight: bold;} table.searchTable {clear: both;width: 100%;word-break: break-all;} table.searchTable tbody tr th {height: 22px;text-align: left;} #tabs.sectionTabs {float: left;min-height: 39px;padding: 0;position: relative;width: 100%;} #tabs.sectionTabs ul {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;} #tabs.sectionTabs li {float: left;margin: 0 4px 0 0;padding: 0;} #tabs.sectionTabs li.lastLI {} #tabs.sectionTabs li a span {display: block;text-align: center;} #tabs.sectionTabs li a {background-color: #86bad6;color: #fff;display: block;padding: 10px;text-align: center;text-decoration: none;} #tabs.sectionTabs li.current a, #tabs.sectionTabs li a:hover {background-color: #fff;color: #5b5b5b;} #tabsDD {cursor: pointer;font-size: 1em;height: 35px;width: 180px;} #tabs.sectionTabs span.select {background: #fff url("/~/media/Images/R/Rolls-Royce/css/searchTab-dd.png") no-repeat scroll 96% 15px;box-sizing: border-box;color: #5e5e5e;font-size: 1em;height: 35px;left: 0;padding: 11px 15px 10px 5px;position: absolute;top: 0;} .searchresultpage tbody td {background: #fff none repeat scroll 0 0;border-bottom:2px solid rgba(16, 6, 159,0.2);border-top: 0 none;padding-left: 20px;} .searchresultpage table {clear: both;} #sitemapcontainer {float: left;padding: 0 0 20px;width: 100%;} #contentwrapper #sitemapcontainer ul {list-style-type: none;padding-bottom: 0;padding-left: 0;} #sitemapcontainer li {float: left;font-weight: bold;margin: 8px 0;position: relative;width: 100%;} #sitemapcontainer li a {display: inline-block;margin-left: 20px;padding: 3px;text-decoration: none;} #sitemapcontainer li ul li {font-weight: normal;margin: 4px 0 4px 22px;padding-bottom: 0;} #sitemapcontainer li ul li a {padding: 0 0 0 3px;} #sitemapcontainer li ul li ul {margin-bottom: 10px;} #sitemapcontainer li ul li ul li {margin-left: 16px;} #sm-section-Homepage-level1 li span.collapsed {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/collapsed.gif") no-repeat scroll 0 3px;} #sm-section-Homepage-level1 li span.expanded {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/expanded.gif") no-repeat scroll 0 3px;} #sm-section-Homepage-level1 li span:not(.nowrap) {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/bullet-sitemap.gif") no-repeat scroll 2px 7px;cursor: pointer;float: left;height: 17px;left: 5px;padding-left: 20px;position: absolute;top: 5px;z-index: 10;} #contentwrapper #sitemapcontainer ul {float: left;width: 100%;} #sitemapcontainer li {margin: 8px 0 0;} #sitemapcontainer li ul li {margin: 0;padding: 4px 0 0 22px;} #sitemapcontainer li ul li ul li {margin: 0;} #footerwrapper {background: #758d99 none repeat scroll 0 0;clear: both;color: #fff;padding: 40px 0 20px;} .f-column {padding-top: 30px;} .footer-header {font-size: 1.429em;line-height: 1.25em;padding-bottom: 10px;} .footer-content ul li {display: table;float: left;padding: 10px 0 2px;width: 100%;} .footer-content ul li a {color: #fff;text-decoration: none;} .footer-content ul li a:hover {color: #fff;text-decoration: underline;} .footer-content.social-media-links a {display: table;} .footer-content.social-media-links a:hover {text-decoration: none;} .icon {color: #fff;font-family: "icons";font-size: 2.5em;line-height: 1em;opacity: 0.5;padding-right: 0.25em;position: relative;top: 0;} .footer-content.social-media-links a:hover .icon {opacity: 1;text-decoration: none;} .footer-content.social-media-links a:hover .social-text {text-decoration: underline;} .social-text {display: table-cell;height: 100%;line-height: 1.2em;text-align: left;vertical-align: middle;} #footer {background: #758d99 none repeat scroll 0 0;} .footer-logo {float: left;margin-right: 15px;width: 36px;} .copy-text {color: #fff;float: left;font-size: 0.857em;line-height: 1.2em;padding-top: 25px;} .bottom-content {padding-top: 16px;} .siteservices-links ul {float: right;font-size: 0.857em;line-height: 1.2em;padding-top: 27px;} .siteservices-links ul li {border-right: 1px solid #fff;float: left;padding: 0 5px;} .siteservices-links ul li.last {border: 0 none;} .siteservices-links ul li a {color: #fff;text-decoration: none;} .siteservices-links ul li a:hover {color: #fff;text-decoration: underline;} .footer-content.social-media-links {padding-top: 5px;} .column4-btn {padding: 10px 0 15px;} .column4-btn .btn-white {margin-left: 0;} .subsribe-link {font-size: 1.714em;line-height: 1.25em;padding-top: 10px;} .subsribe-link a, .subsribe-link a:hover {color: #fff;} .rss-link, .rss-link:hover {text-decoration: none;} .rss-link:hover .icon {opacity: 1;} #bannerwrapper img, .landing-page-item-image img {width: 100%;} .loader {background: #fff url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;} #bannerwrapper, #bannerwrapper .sliderbanner {float: left;position: relative;width: 100%;} .banner-container {position: relative;z-index: 98;} .banneritem {position: relative;} .banneritem .bannertext {bottom: 20px;left: 20px;position: absolute;} .nojs .banneritem {display: none;} .nojs .banneritem.banner1 {display: block;} .nojs .banner-container, .banner-container {display: none;} .nojs .banner-container:first-child, .banner-container:first-child {display: block;} .nojs .graphical-snapdowns-container .banner-container {display: block;} .title-abs {position: relative;} .title-abs .banner-text {left: 0;position: absolute;top: 0;z-index: 2001;} .title-abs .bottom-banner-text {bottom: 0;left: 0;position: absolute;} .no-background {text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);} #bannerwrapper .bx-controls .bx-pager {bottom: 10px;position: absolute;right: 10px;} #bannerwrapper .bx-controls .bx-controls-direction {position: absolute;top: 50%;width: 100%;} #bannerwrapper .bx-controls-direction a {float: left;padding: 0 10px;} #bannerwrapper .bx-controls-direction a.disabled {display: none;} #bannerwrapper .bx-controls-direction .bx-next {float: right;} #bannerwrapper .bx-controls-direction, #bannerwrapper .bx-pager {clear: both;float: left;} #bannerwrapper .bx-pager div {margin: 0 0 0 10px;} #bannerwrapper .bx-pager div {float: left;} .banner-text, .bottom-banner-text {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #fff;font-size: 1.5em;line-height: 1.4em;padding: 18px 16px 19px;width: 100%;} #bannerwrapper .bottom-banner-text {text-align: right;} .bottom-banner-text .banner-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/white-right-arrow.png") no-repeat scroll right 10px;color: #fff;padding-right: 20px;text-align: right;text-decoration: none;} .bottom-banner-text .banner-link:hover {color: #fff;} .bx-wrapper {position: relative;} .bx-pager {position: absolute;right: 5px;z-index: 99;} .bx-pager-item {float: left;margin: 0 1px;} .bx-pager-item a {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/pager.png") no-repeat scroll center center;display: block;height: 12px;text-indent: -999999px;width: 12px;} .bx-pager-item a.active {background-image: url("/~/media/Images/R/Rolls-Royce/css/selected-pager.png");} #contentwrapper {margin-top: 10px;} #contentwrapper ul {list-style-type: disc;padding-bottom: 14px;padding-left: 17px;} #contentwrapper ul ul, #contentwrapper ol ol, #contentwrapper ul ol, #contentwrapper ol ul {padding-bottom: 0;padding-left: 24px;} #contentwrapper ol {list-style-type: decimal;padding-bottom: 14px;} #contentwrapper ul li, #contentwrapper ol li {padding-bottom: 5px;} .notestoeditors-container {float: left;font-size: 0.857em;width: 100%;} .notestoeditors-container h2 {font-size: 2.333em;} #utility {margin-top: 40px;} #leftnavigation {background: #fff none repeat scroll 0 0;padding: 10px;} #leftnavigation ul {list-style-type: none;padding: 0;} #leftnavigation ul ul {padding-left: 0;} #leftnavigation ul li {padding-bottom: 0;} #leftnavigation > ul > li > span, #leftnavigation > ul > li > a > span {font-size: 1.143em;} #leftnavigation ul li a {display: block;text-decoration: none;} #leftnavigation ul li span {display: block;padding: 3px 5px;transition: all 0.25s ease 0s;} #leftnavigation ul li a:hover > span, #leftnavigation ul li.current > span, #leftnavigation ul li.selected > a > span, #leftnavigation ul li ul li.selected > a > span { color: #fa4692;} body.ip3-products-and-services #leftnavigation ul li.level2 {display: none;} body.ip3-products-and-services #leftnavigation ul li.level2.current, body.ip3-products-and-services #leftnavigation ul li.level2.selected {display: block;} body.ip3-country-sites #leftnavigation ul li.level2 {display: none;} body.ip3-country-sites #leftnavigation ul li.level2.current, body.ip3-country-sites #leftnavigation ul li.level2.selected {display: block;} #leftnavigation ul li ul li span {padding-left: 15px;} #leftnavigation li.level4 span {padding-left: 30px;} #leftnavigation li.level5 span {padding-left: 45px;} #leftnavigation li.level6 span {padding-left: 60px;} #leftnavigation li.level7 span {padding-left: 75px;} #home-content-container {padding: 0 5px;} .section1-title {background: #155b98 none repeat scroll 0 0;padding: 11px 20px;} /* .section1-title h1 {color: #fff;padding: 0;} */ .section1-content, .section-inner {clear: both;position: relative;} #home-content-container {padding: 0;} #homewrapper.row {margin: 0;} .section1-content {margin: 0;} .section1-overlay {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 99;} .section1-box1-container {left: 0;padding: 0 20px;position: absolute;top: 35%;width: 100%;z-index: 100;} #Homepage .section1-text-middle-bottom-aligned {top: 60%;} #Homepage .section1-text-left-top-aligned {top: 10%;} .section1-box1 {color: #fff;margin: 0 auto;text-align: center;} .section1-box1 .btn-white {margin: 5px 0;} .section4 .box-title {color: #004d91;} .video-container {min-height: 400px;} .btn-white {background: transparent none repeat scroll 0 0;border: 1px solid #fff;color: #fff;display: inline-block;margin: 5px 8px;padding: 7px 15px;text-decoration: none;text-transform: uppercase;transition: all 0.25s ease 0s;} .btn-white:hover {background: #fff none repeat scroll 0 0;color: #004d91;text-decoration: none;} .play-icon-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/overlay-play") no-repeat scroll center 75%;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .whtie-slider-wrapper {padding: 20px 0 28px;position: relative;} .whtie-slider-wrapper .bx-wrapper {padding: 0 25px;} .whtie-slider-wrapper .bx-controls-direction a {background: transparent none no-repeat scroll center center;height: 40px;position: absolute;text-decoration: none;text-indent: -99999px;top: 18%;width: 20px;} body[class*="internetexplorer"] .whtie-slider-wrapper .bx-controls-direction a {transition: all 0s linear 0s;} .whtie-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.disabled {cursor: default;opacity: 0.15;transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .whtie-slider-wrapper .bx-controls-direction a.bx-prev {left: 0;} .whtie-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .whtie-slider-wrapper .bx-controls-direction a:hover {transform: scale(1.25);} .pr-link {color: #fff;display: block;font-size: 1.571em;line-height: 1.5em;margin: 0 auto;text-decoration: none;width: 55%;} .whtie-slider-wrapper .bx-controls-direction a::after {color: #fff;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .whtie-slider-wrapper .bx-controls-direction a.bx-prev::after {content: "?";text-indent: -6px;} .pr-link:hover {color: #fff;text-decoration: underline;} .btn-blue {background: transparent none repeat scroll 0 0;border: 1px solid #004d91;color: #004d91;display: inline-block;padding: 7px 30px;text-decoration: none;text-transform: uppercase;transition: all 0.25s ease 0s;} .btn-blue:hover {background: #004d91 none repeat scroll 0 0;color: #fff;text-decoration: none;} .chrome .btn-blue {margin-bottom: 1px;} .box-title {color: #ffffff;font-size: 3.429em;line-height: 1em;margin-bottom: 12px;padding: 0;} .box-sub-title {font-size: 1.714em;line-height: 1.167em;margin-bottom: 4px;padding-bottom: 4px;} .section2-box {float: left;position: relative;width: 50%;} .section1 .box-content {margin: 0;padding: 20px 0 2px;} .box-content {font-size: 1.571em;line-height: 1.5em;margin-bottom: 15px;} .box-sm-content {font-size: 1.5em;line-height: 1.5em;margin: 0;padding: 0;} .black-overlay {background: transparent none repeat scroll 0 0;height: 100%;left: 0;position: absolute;top: 0;transition: all 0.25s ease 0s;width: 100%;} .section2-box:hover .black-overlay {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;z-index: 20;} .section2-box a {text-decoration: none;} .box-head {padding: 27px 20px;} .section2-box1 .box-head {background: #206989 none repeat scroll 0 0;color: #fff;} .section2-box2 a {color: #768d99;} .white-arrow::after, .grey-arrow::after {content: "\00a0?";font-family: "icons";font-size: 0.8em;margin-left: -4px;position: relative;top: 2px;} .section3 {background: #7ab9d8 none repeat scroll 0 0;clear: both;color: #fff;padding: 54px 6%;text-align: center;} .section-inner > img {max-width: none;} .section4-content {color: #004d91;left: 0;padding: 10% 0;text-align: center;top: 10%;width: 100%;} body#Homepage .section4-content {padding: 5% 0;} .blue-slider-wrapper {padding: 20px 0 28px;position: relative;} .blue-slider-wrapper .bx-wrapper {padding: 0 25px;} .blue-slider-wrapper .bx-controls-direction a {background: transparent none no-repeat scroll center center;height: 40px;overflow: hidden;position: absolute;text-decoration: none;text-indent: -99999px;top: 40%;width: 20px;} body[class*="internetexplorer"] .blue-slider-wrapper .bx-controls-direction a {transition: all 0s linear 0s;} .blue-slider-wrapper .bx-controls-direction a.disabled {cursor: default;opacity: 0.15;transform: scale(1);} .blue-slider-wrapper .bx-controls-direction a.disabled:hover {transform: scale(1);} .blue-slider-wrapper .bx-controls-direction a.bx-prev {left: 0;} .blue-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .blue-slider-wrapper .bx-controls-direction a:hover {transform: scale(1.25);} .nojs .blue-slider-wrapper .slide-item {display: none;} .blue-slider-wrapper .bx-controls-direction a::after {color: #004d91;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .blue-slider-wrapper .bx-controls-direction a.bx-prev::after {content: "?";} .blue-slider-wrapper .bx-controls-direction a.bx-next {right: 0;} .blue-slider-wrapper .slide-item, .nojs .blue-slider-wrapper .slide-item:first-child {display: block;} .quote::before, .quote::after {display: inline-block;font-family: "icons";font-size: 0.9em;height: 18px;line-height: 1em;width: 35px;} .quote::before {content: "?";} .quote {display: block;font-size: 1.571em;line-height: 1.5em;margin: 0 auto;padding: 25px 0;width: 76%;} .quote::after {content: "?";} .section4 .insight-subtitle {color: #08579c;font-size: 1.59em;line-height: 1em;margin-bottom: 30px;padding: 0;} .insight-designation {} /* #section-header-container {background: #cde0ed none repeat scroll 0 0;} */ #section-header-container-blue {background: #10069f none repeat scroll 0 0;} #sectionheader {color: #1e3643;font-size: 1.714em;line-height: normal;padding: 0;} .section-header-inner {padding: 33px 0 8px 20px;} #sectionheader.sectionheader-white {color: #fff;float: left;} #content-container {/*background: #b8d3e5 none repeat scroll 0 0;*/padding-bottom: 50px;} .page-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 14px;padding: 15px 20px 5px;width: 100%;} .no-pad-page .page-content {padding: 0;} .page-content.no-marg {margin-bottom: 0;} .page-content .landing-page-content {margin-bottom: 20px;} .margn-bttm {float: left;margin-bottom: 14px;width: 100%;} .box-inverse.f-white h1 {color: #fff;} .snapdown-container {float: left;width: 100%;} .snapdown-item {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 7px;width: 100%;} .snapdown-container {margin-bottom: 7px;} .snapdown-title-container {cursor: pointer;float: left;padding: 21px 20px;position: relative;text-decoration: none;width: 100%;} .snapdown-title {color: #10069f;float: left;font-size: 1.5em;line-height: 1.2em;padding-right: 115px;} .snapdown-title-container .snapdown-right {background-position: right -175px;color: #5e5e5e;float: right;margin: 25px 0 20px;padding: 0 16px 0 0;position: absolute;right: 20px;text-transform: uppercase;top: 0;width: 105px;} .snapdown-title-container.snapopen .snapdown-right {background-position: right -219px;} .snapdown-content {display: none;padding: 0 20px 20px;} .nojs .snapdown-title-container .snapdown-right {display: none;} .nojs .snapdown-content {display: block;} .snapbox-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 8px;padding: 15px 20px 10px;width: 100%;} .landing-page-item-title, .landing-page-item-bottom-container {color: #fff;font-size: 1.5em;line-height: 1.19em;padding: 20px;} .l-top-content {margin-top: 10px;} .l-top-content::after, .l-bottom-content::after, .b-signpost-tcontent::after, .b-signpost-bcontent::after {content: "\00a0?";font-family: "icons";font-size: 0.75em;margin-left: -4px;position: relative;top: 1px;} body[class^="ie"] .l-top-content::after, body[class^="ie"] .l-bottom-content::after, body[class^="ie"] .b-signpost-tcontent::after, body[class^="ie"] .b-signpost-bcontent::after {margin-left: -2px;} .landing-box {position: relative;} .full-abs {background-color: #fff;height: 100%;left: 0;opacity: 0;position: absolute;text-indent: -1e+7px;top: 0;width: 100%;z-index: 10;} .landing-page-item > a {display: block;text-decoration: none;} .landing-page-item {margin: 0 0 14px;} .landing-bottom-content, .landing-top-content {margin: 10px 0 0;} .landing-link {background-color: #fff;height: 100%;opacity: 0;position: absolute;text-indent: -99999px;width: 100%;} .landing-page-item-outer {position: relative;} .landing-page-item-image > img {width: 100%;} .board-item-container a {text-decoration: none;} .board-item-container {margin: 0 0 14px;} .board-item-title-container {padding: 12px 20px;} .board-item-title-outer {background: #004d91 none repeat scroll 0 0;} .board-item-image > img {width: 100%;} .board-item-name {color: #00afd5;font-size: 1.5em;} .board-item-designation {color: #fff;} .board-designation {line-height: 1.2em;} .board-header h1 {color: #00afd5;margin: 0;padding: 0 0 6px;} .board-header {background: #004d91 none repeat scroll 0 0;color: #fff;padding: 14px 20px;} .board-image {padding: 0 0 14px;} .board-image > img {width: 100%;} .board-content-designation {font-size: 2em;line-height: 1.607em;margin: 0 0 12px;} #contentwrapper .tabs-container {margin: 0;} #contentwrapper .tabs-container ul {line-height: 1;list-style: outside none none;margin: 0;overflow: hidden;padding: 0;} #contentwrapper .tabs-container ul li {float: left;margin-right: 3px;padding-bottom: 0;} #contentwrapper .tabs-container ul li:last-child {margin-right: 0;} .tabs-container ul li a {background: #efeff4;color: #10069f;display: table;height: 38px;padding: 5px 8px;text-align: center;text-decoration: none;width: 100%;} .tabs-container ul li.current a {background-color: #fff;color: #fa4692;} .tabs-container ul li a:hover {background-color: #006dff;color: #fff;} .tabs-container ul li a span {display: table-cell;line-height: 1.2em;max-width: 120px;vertical-align: middle;} .desktop-view {display: block;} .mobile-view {display: none;} .desktop-view .snapdown-item.first {margin-top: 0;} #tabs-cont {clear: both;float: left;width: 100%;} .event-wrapper {float: left;margin: 0 0 14px;width: 100%;} .events-filter-wrap {padding-bottom: 20px;} .event-filter .dropdown {float: left;margin-right: 20px;width: 25%;} .event-search {background: #c2d036 none repeat scroll 0 0;color: #fff;float: left;height: 31px;text-align: center;width: 35px;} #event-search {color: #fff;display: block;height: 100%;line-height: 2.3em;text-decoration: none;} .event-header {background: #84b9d7 none repeat scroll 0 0;color: #fff;padding: 10px 15px 10px 4%;} .nojs .event-header {padding: 0 10px;} .e-labels {float: left;padding: 6px;} .l-event, .event-title {width: 55%;} .l-date, .event-date {width: 22%; } .l-country, .event-country {width: 23%;} .event-item {background: #fff none repeat scroll 0 0;margin-top: 5px;} .snap-head {background: rgba(0, 0, 0, 0) url("~/media/Images/R/Rolls-Royce/css/side-arrow.png") no-repeat scroll 1.5% center;cursor: pointer;padding: 10px 15px 10px 4%;} .snap-head.open {background-image: url("~/media/Images/R/Rolls-Royce/css/down-arrow.png");} .nojs .snap-head {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;cursor: default;padding-left: 10px;padding-right: 10px;} .event-title {color: #004d91;font-size: 1.286em;line-height: 1.2em;} .snap-content {display: none;padding: 0 10px 20px;} .nojs .snap-content {display: block;} .nojs .events-filter-wrap {display: none;} #loadmore, .loadmore {float: left;padding: 10px 0;width: 100%;} #loadmore a, .loadmore a {background-color: #10069f;color: #fff;cursor: pointer;display: block;padding: 5px 0;text-align: center;text-decoration: none;} #loadmore a:hover, .loadmore a:hover{background:#00bfbe} #loader, #loadedcontent, .loader, .loadedcontent {display: none;text-align: center;} #loader, .loader {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;height: 50px;text-indent: -1e+7px;} .loader {background: #fff url("/~/media/Images/R/Rolls-Royce/css/loader-new.gif") no-repeat scroll center center;float: left;height: 50px;padding: 50px 0;width: 100%;} .snapdown-content.loader {padding: 30px 0;width: 100%;} .left-s-header {color: #1e3643;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;} .left-signpost-wrapper {background: #fff none repeat scroll 0 0;height: 100%;margin-top: 14px;padding: 12px 15px;position: relative;} .left-signpost-wrapper .left-s-content a {color: #5b5b5b;text-decoration: none;} .left-s-content {margin-bottom: 2px;} .left-s-content .rad-quote {color: #004d91;font-size: 1.143em;line-height: 1.25em;} .left-link-caption {font-size: 0.929em;line-height: 1.2em;margin-top: 15px;} .left-s-link {background: #a7a9ac none repeat scroll 0 0;color: #ffffff;display: inline-block;font-size: 0.786em;line-height: 1em;margin-top: 10px;padding: 8px 11px;text-decoration: none;text-transform: uppercase;} .left-s-image {bottom: 0;position: absolute;right: 0;width: 140px;} .left-image-link-wrap {min-height: 120px;} .left-image-p {margin-right: 140px;} .brand, .rad-link {color: #10069f;} a:hover .rad-link{color:#006dff} .kilo {font-size: 1.14286em;line-height: 1.2;} .left-image-caption {font-size: 0.929em;line-height: 1.2em;} .sign-up-box p {padding-bottom: 8px;} #contentwrapper #signup-mobile, #contentwrapper #signup-email, #contentwrapper #signup-contact {/*background: transparent url("/~/media/Images/R/Rolls-Royce/css/left-signpost-stay-in-touch.png") no-repeat scroll 0 0; */padding-left: 40px;padding-right: 0;} #contentwrapper #signup-mobile {background-position: 0 11px;} #contentwrapper #signup-email {background-position: 0 -90px;} #contentwrapper #signup-contact {background-position: 0 -260px;} .button-cta { background: #10069f; border: 1px solid #10069f; direction: ltr; display: block; float: left; color: #fff; width: 36%; font-size: 12px; padding: 6px 7px; text-align: center; vertical-align: middle;} .button-cta:hover { background: #00bfbe; border: 1px solid #00bfbe; color: #fff; padding: 6px 7px;} .field-joined input, .field-joined button {float: left;} #txt-signup-email {font-size: 0.675em;margin-right: 5px;padding: 6px 5px 7px;width: 60%; background: #fff; border: 1px solid #d5d5d5;height:29px;} a.alt, .alt-links a {text-decoration: none;} /*a.alt:hover, .alt-links a:hover {color: #10069f;}*/ a.cta:hover:after, .cta-links a:hover:after, .arrow:hover:after, .latest-news a:hover:after, .related-link-content a:hover:after {color: #006dff;} a.cta::after, .cta-links a::after, .arrow::after, .latest-news a::after, .related-link-content a::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -3px;position: relative;top: 1px; color: #fa4692;} body[class^="ie"] a.cta::after, body[class^="ie"] .cta-links a::after, body[class^="ie"] .arrow::after, body[class^="ie"] .latest-news a::after, body[class^="ie"] .related-link-content a::after {margin-left: -1px;} .noArrow::after {content: "";} #signup-contact .selected-box {color: #1e3643;} #signup-contact .selected-box:hover {color: #1e3643;} .full-link-l-signpost {position: relative;} .full-hover {display: block;height: 100%;left: 0;position: absolute;text-indent: -999999px;top: 0;width: 100%;z-index: 1;} .l-signpost-title, .l-signpost-sub-title {color: #004d91;font-size: 1.5em;line-height: 1.1em;margin-bottom: 5px;} .l-signpost-content {font-size: 1.143em;} .l-signpost-sub-title {color: #fff;} .l-signpost-sub-title::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 1px;} .left-signpost-wrapper.margn-bttm {margin: 0 0 14px;} .disBlock {display: block;} .l-s-ticker-wrap {background: #10069f none repeat scroll 0 0;height: 110%;margin: -12px -15px -15px;padding: 12px 15px 0 !important;} .left-s-ticker {display: block;width: 100%;} .related-links-wrapper {margin-bottom: 14px;} .related-links-h {font-size: 1.5em;font-weight: 400;} .related-link-content {background: #f6f6f6 none repeat scroll 0 0;padding: 7px 20px;} .related-link-left, .related-link-right {float: left;width: 45%;} .related-link-right {margin-left: 10%;} .related-link-content .rad-header {color: #10069f;display: block;font-size: 1.167em;line-height: 1.7em;padding: 0 0 6px;text-transform: uppercase;} .related-link-content {font-size: 0.857em;} #contentwrapper .related-link-content ul {list-style-type: none;margin-bottom: 14px;padding: 0;} #contentwrapper .related-link-content ul li {border-top: 1px dotted #a7a9ac;line-height: 1.5;margin-top: -1px;padding: 10px 0;} .related-link-content a {color: #5b5b5b;text-decoration: none;} .related-link-content a:hover {color: #10069f;} .related-link-content a[title="Opens in a new window"], .rad-content a[title="Opens in a new window"] {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/new-window-icon-rr-blue.png") no-repeat scroll right 2px;padding-right: 17px;} .related-link-content a[title="Opens in a new window"]::after, .related-link-content a[href^="tel:"]::after, .related-link-content a[href^="mailto:"]::after, .related-link-content a[title^="PDF,"]::after, .cta-links a[title="Opens in a new window"]::after, .cta-links a[href^="tel:"]::after, .cta-links a[href^="mailto:"]::after, .cta-links a[href^="PDF,"]::after {content: "";display: none;} .publication-item {border-bottom: 2px solid #b8d3e5;float: left;margin: 0 0 15px;width: 100%;} .publication-title-container {float: left;width: 100%;} .publication-content {float: left;padding-top: 14px;width: 100%;} .page-content > .scWebEditInput {display: block;} .breakdown img {max-width: none;width: 589px;} .breakdown {position: relative;} .breakdown-block {margin: 0;} .breakdown-base {display: block;} .breakdown-point {background: transparent url("/~/media/Images/R/Rolls-Royce/css/global-tcm92-55419.png") no-repeat scroll 0 0;color: #ffffff;position: absolute;text-decoration: none;z-index: 2;} .breakdown-point:hover {color: #ffffff;z-index: 4;} .breakdown-point-marker {height: 60px;line-height: 40px;text-align: center;width: 40px;} .breakdown-point-info-slate {background: transparent url("/~/media/Images/R/Rolls-Royce/css/global-i-tcm92-55419.png") no-repeat scroll 0 0;height: 30px;line-height: 30px;overflow: hidden;text-align: center;text-indent: -9999px;width: 34px;} .breakdown-detail {height: 100%;left: 0;margin: 0;position: absolute;top: 0;transition: all 0.25s ease 0s;width: 100%;z-index: 1;} .breakdown-detail.is-active {background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;z-index: 3;} .breakdown-image {display: none;} .is-active .breakdown-image {display: block;} .breakdown-content {background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);display: none;padding: 8px 10px;position: absolute;z-index: 5;} .breakdown-content > *:last-child {margin-bottom: 0;} .is-active .breakdown-content {display: block;} .breakdown-content-milli {width: 250px;} .breakdown-content-kilo {width: 280px;} .breakdown-content-mega {width: 530px;} .map-container {border: 1px solid #ccc;height: 35em;position: relative;} .mob-breakpoint {display: none;} .faq-questions {float: left;width: 100%;} .faq-detail-quest {font-weight: bold;padding: 0 0 5px;} .faq-item {float: left;padding: 0 0 5px;width: 100%;} .inv-landing-wrap {padding: 14px 0;} .inv-lnd-bx {margin-bottom: 10px;} .inv-lnd-link {display: block;position: relative;text-decoration: none;z-index: 2;} .inv-lnd-bx .inv-lnd-title {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/content-images/background-images/transperent-black-dark.png") repeat scroll 0 0;color: #fff;display: block;font-size: 1.5em;left: 0;padding: 15px;top: 0;width: 100%;} .inv-lnd-bx .inv-lnd-title-top {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/content-images/background-images/transperent-black-dark.png") repeat scroll 0 0;color: #fff;display: block;font-size: 1.5em;left: 0;padding: 15px;position: absolute;top: 0;width: 100%;} .inv-box-cont {box-sizing: border-box;left: 0;padding: 15px;top: 50px;width: 100%;} .inv-box-cont {color: #fff;font-size: 1.214em;} .inv-box-cont a {color: #fff;text-decoration: none;} .inv-lnd-bx img {width: 100%;} .investor-link-box-image {height: 100%;left: 0;padding: 0 5px;position: absolute;top: 0;width: 100%;z-index: 1;} .investor-link-box-image img {height: 100%;} /* body#financial-calendar .box-inverse h1, body#annual-report-archive .box-inverse h1, body#investment-proposition-new .box-inverse h1, body#investment-proposition .box-inverse h1 {color: #004d91;} */ body#financial-calendar .box-inverse, body#annual-report-archive .box-inverse, body#investment-proposition-new .box-inverse, body#investment-proposition .box-inverse {background: #fff none repeat scroll 0 0;margin-bottom: 14px;} body#annual-report-archive .box-inverse h1 {color: #1e3643 !important;} .read-more {background: #004d91 none repeat scroll 0 0;cursor: pointer;padding: 7px 15px;text-align: right;} .nojs .read-more {display: none;} .read-more-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/down-arrow-transparent.png") no-repeat scroll left center;color: #fff;padding: 0 0 0 20px;text-transform: uppercase;} .read-more-link.snapopen {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/up-arrow-transparent.png") no-repeat scroll left center;} a.snapdown-inner-link {height: 100%;left: 0;position: absolute;text-indent: -999999px;top: 0;width: 100%;z-index: 2002;} .banner-image-wrap-relative {position: relative;} .banner-image-wrap > img, .banner-image-wrap-relative > img {height: auto;width: 100%;} .snapdown-clickable {cursor: pointer;} .graphical-snapdown-content {display: none;} .nojs .graphical-snapdown-content {display: block;} .graphical-snapdowns-container {float: left;width: 100%;} .graphical-snapdowns-container .banner-text-wrapper {float: left;width: auto;} .graphical-snapdowns-container .banner-text {float: left;} .graphical-snapdowns-container .banner-text.no-background {width: auto;} .abs-read-more {bottom: 0;left: 0;position: absolute;width: 100%;} .banner-image-wrap {position: relative;} .rad-thin {color: #ff0000;} .dark-blue-section-header {background: #10069f none repeat scroll 0 0;color: #fff;float: left;} .customers-menu {float: right;margin: 6px 14px 0;} .customers-menu li {display: inline;margin: 0 0 0 15px;} .customers-menu a {color: #fff;text-decoration: none;text-transform: uppercase;} .customers-menu span {color: #fff;font-size: 0.796em;font-weight: bold;text-transform: uppercase;} .customer-banner-container-outer {margin: 0 auto;max-width: 990px;overflow: hidden;padding: 0;position: relative;} .customer-banner-container-outer .bx-wrapper .bx-pager {right: 36px;top: 10px;} .customer-banner-text {color: #fff;left: 41px;position: absolute;top: 38px;} .customer-banner-item {display: none;} .customer-banner-item.first {display: block;} .customer-banner-title {font-size: 4.286em;line-height: 1.5em;} .customer-banner-link {font-size: 1.714em;} .customer-banner-link a {color: #fff;text-decoration: none;} /*.customer-banner-link a::after {content: "\00a0?";font-family: "icons";font-size: 0.7em;margin-left: -6px;position: relative;top: 2px;}*/ .customer-banner-link a::after { font-size: 0.6em; margin-left: 7px; position: relative; top: 0px; content: "\e311" !important; font-family: 'new-icomoon' !important; } .customer-banner-link a:hover{color:#006dff} .customer-banner-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/overlay-banner.png") repeat-x scroll left center;bottom: 0;height: 182px;left: 0;position: absolute;width: 100%;z-index: 51;} .customer-content-container {margin-top: -130px;position: relative;z-index: 52;} .landing-page-item-image.side-pad {padding: 0 20px;} .overlay-content {background: #b8d3e5 none repeat scroll 0 0;} .customer-news .landing-page-item-image {background: #fff none repeat scroll 0 0;} .height-150 {min-height: 150px;} .customer-category-container {color: #10069f;margin-bottom: 4px;} .customer-news-title-container {box-sizing: content-box;font-size: 1.286em;padding: 0 0 58px;} .cutomer-news-container {float: left;} .customer-content-container .bx-pager-item a {background: #e7ecee;display: block;height: 10px; text-indent: -999999px;width: 10px;border-radius: 50%;border: 2px solid #fff;} .customer-content-container .bx-pager-item a.active,.customer-content-container .bx-pager-item a:hover {background:#fc4191;border:2px solid #fc4191;} .customer-content-container .bx-pager-item{margin:0 4px;} .customer-content-container .bx-controls-direction {background: transparent none no-repeat scroll center center;bottom: 0;overflow: hidden;position: absolute;right: 20px;width: 61px;} .customer-content-container .bx-controls-direction .bx-prev {display: inline-block;height: 30px;margin-right: 27px;text-decoration: none;text-indent: -99999px;width: 17px;} .customer-content-container .bx-controls-direction .bx-prev.disabled, .customer-content-container .bx-controls-direction .bx-next.disabled {cursor: default;opacity: 0.15;} .customer-content-container .bx-controls-direction a.bx-prev::after {content: "?";} .customer-content-container .bx-controls-direction a::after {color: #b1c1c8;content: "?";display: block;font-family: "icons";font-size: 2.286em;line-height: 1em;margin-top: -22px;text-decoration: none;text-indent: -9px;} .customer-content-container .bx-controls-direction .bx-next {background: transparent none no-repeat scroll center center;display: inline-block;height: 30px;overflow: hidden;text-decoration: none;text-indent: -99999px;width: 17px;} .customer-content-container .bx-pager {bottom: 0;left: 20px;right: auto;} .customer-content-container .bx-wrapper, .customer-content-container .bx-viewport {position: static;} .customer-content-container .bx-controls {bottom: 20px;position: absolute;right: 0;width: 100%;z-index: 100;} .trim-text {height: 125px;overflow: hidden;text-overflow: ellipsis;width: 100%;} .customer-news-title-container a {color: #5b5b5b;text-decoration: none;} .customer-news-title-container a:hover {color: #006dff;} #contentwrapper .reports-wrapper .rad-border {margin-bottom: 14px;} .showCarousal {float: left;margin-bottom: 14px;position: relative;width: 100%;} .showCarousal .bx-prev {background: #f2f2f2 url("/~/media/Images/R/Rolls-Royce/css/sprite.png") no-repeat scroll 5px -202px;display: block;height: 40px;left: -10px;opacity: 0.9;position: absolute;text-indent: -999999px;top: 44%;width: 30px;z-index: 99;} .showCarousal .bx-next {background: #f2f2f2 url("/~/media/Images/R/Rolls-Royce/css/sprite.png") no-repeat scroll -23px -202px;display: block;height: 40px;opacity: 0.9;position: absolute;right: -10px;text-indent: -999999px;top: 44%;width: 30px;z-index: 99;} .showCarousal .bx-prev:hover, .showCarousal .bx-next:hover {transform: scale(1.25);} .showCarousal .bx-prev.disabled, .showCarousal .bx-next.disabled {opacity: 0.75;transform: scale(1);} .career-banner-container {position: relative;} .career-banner-text {background: transparent none repeat scroll 0 0;color: #ffffff;font-size: 1.71429em;font-weight: 400;left: 40px;line-height: 1.2;position: absolute;text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);top: 20px;} .career-overlay {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/career-overlay.png") repeat-x scroll 0 0;bottom: 0;height: 100px;left: 0;position: absolute;width: 100%;} .customer-banner-image {min-height: 330px;} .career-banner-container .customer-banner-image > img {margin-top: -115px;} .career-banner-title {margin: 24px 0 12px;} .search-container {background: #2f3539 url("/~/media/Images/R/Rolls-Royce/css/globe-careers.png") no-repeat scroll 29% 16px;color: #ffffff;height: 100%;margin-bottom: 14px;min-height: 150px;padding: 14px 20px;} .search-selectors select {margin: 0 10px 10px 0;max-width: 21%;min-width: 21%;} .search-selectors .hide {display: none;} .search-selectors #countries {margin: 0 20% 10px 0;min-width: 22%;} .search-selectors #career-searchbtn {background-color: #00afd5;border: 0 none;color: #fff;padding: 7px 14px;} #contentwrapper ul.job-desc-list {list-style-type: none;padding-left: 0;} #contentwrapper .job-desc-list li {display: inline-block;font-size: 0.857em;padding-bottom: 0;} .c-latest-job-wrapper {background: #fff none repeat scroll 0 0;height: 100%;padding: 12px 15px;} .no-underline {text-decoration: none;} .apply-link a::after {top: 0;} .linkedIn-wrapper {background: #fff url("/~/media/Images/R/Rolls-Royce/css/linkedin.jpg") no-repeat scroll 98% center;min-height: 150px;} #contentwrapper ul.job-desc-list > li.date::before {content: " | ";} .apply-link {display: block;width: 100%;} .lhs-snaphead {cursor: pointer;padding: 0;position: relative;transition: all 1s ease 0s;} .lhs-snaphead.open {padding-bottom: 10px;} .lhs-snaphead::after {background: rgba(0, 0, 0, 0) url("~/media/Images/R/Rolls-Royce/css/more.png") no-repeat scroll right 5px;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 15px;} .lhs-snaphead.open::after {background-image: url("~/media/Images/R/Rolls-Royce/css/less.png");} .hint {border-bottom: 1px dotted #a7a9ac;border-top: 1px dotted #a7a9ac;color: #004d91;font-size: 0.857em;font-style: italic;line-height: 1.333em;margin: 0 0 7px;padding: 7px 0;} #contentwrapper .lhs-accor ul {list-style-type: none;padding: 0;} #contentwrapper .account-accor li {padding: 0;} .account-accor a {color: inherit;display: block;line-height: 1.714em;padding: 0 5px;text-decoration: none;} ul.account-accor > li > a {font-size: 1.14286em;line-height: 1.75;} #contentwrapper ul.account-accor li > ul a {padding-left: 14px;} .account-accor a:hover {background: #e5ecf4 none repeat scroll 0 0;color: #004d91;} #contentwrapper ul.account-accor li > ul, .lhs-snapcontent {display: none;} .career-filters select {margin-bottom: 7px;width: 100%;} .career-filters #career-searchbtn, .career-txtsearchbtn {background-color: #004d91;border-color: #004d91;color: #ffffff;padding: 5px 14px;} .hint-filter {color: #a7a9ac;font-size: 0.85714em;font-style: italic;line-height: 1.3333em;margin: 0 0 7px;padding: 0;} .l-career-filter-wrap {margin-top: -14px;} .career-landing-wrap {margin-top: -40px;} .ref-search-wrap {margin-bottom: 10px;} #txtRef {margin-right: 5px;width: 75%;} .page-content.career-head {padding: 11px 20px 1px;} #twocolright .apply-link > a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding-right: 0;} #divjobslist {float: left;width: 100%;} .job-item {background: #fff none repeat scroll 0 0;margin-bottom: 7px;padding: 14px 20px;} .job-date {float: right;} .job-link.h1 {padding-right: 135px;} .tag-wrap {font-size: 0.85714em;line-height: 1.33333em;} #contentwrapper .tag-wrap ul {display: inline;list-style-type: none;padding: 0 0 0 5px;} #contentwrapper .tag-wrap ul li {display: inline-block;} .tag-wrap a, .job-link.h1 a {text-decoration: none;} .tag-wrap a:hover, .job-link.h1 a:hover {text-decoration: underline;} .tag-wrap li::after {content: ", ";} .tag-wrap li:last-child::after {content: "";} .list-type-wrap {margin: 7px 0 14px;} .select-boxes {padding: 5px 0;} .search-submission {text-align: right;} .search-tweak {float: left;} #per-page {width: auto;} #career-resetbtn {background: #a7a9ac none repeat scroll 0 0;border-color: #a7a9ac;color: #fff;margin: 0 0 5px 5px;padding: 5px 14px;} #map_wrapper {float: left;height: 800px;width: 100%;} #map_canvas {height: 800px;} #map_canvas * {padding-bottom: 13px;} #map_canvas img {max-width: none;} .job-pagination > * {cursor: pointer;float: left;} .page-data {cursor: default;line-height: 1.8em;padding: 0 5px 0 0;} #contentwrapper .sitesearchpagination.job-pagination ul li.pagerlink.currentpagerlink {padding: 0;} #contentwrapper .job-pagination ul li.pagerlink.currentpagerlink > a {color: #5b5b5b;} .job-pagination {display: none;} .career-search-snap {display: none;} .static-tabs {float: left;margin-top: -7px;width: 100%;} #contentwrapper .static-tabs ul {float: left;list-style-type: none;padding: 0;width: 100%;} .static-tab {background: #86bad6 none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: table;float: left;margin-right: 3px;max-width: 170px;padding: 5px 8px;text-align: center;} .static-tab > span {display: table-cell;vertical-align: middle;} .static-tab.last {margin: 0;} .static-tab.current {background: #fff none repeat scroll 0 0;color: #8e8e8e;} .static-tab-content {background: #fff none repeat scroll 0 0;display: none;float: left;width: 100%;} .static-tab-wrap {float: left;width: 100%;} .static-tab-wrap .snapdown-title-container {display: none;} .static-tab-wrap .snapdown-item {margin: 0;} .static-tab-wrap .snapdown-content {padding: 10px 20px 20px;} #contentwrapper .static-tab-wrap ul.rad-border li:first-child {border-top: 0 none;} .dateWrap {display: block;} .ref-no {float: left;} .button-highlight {background-color: #00afd5;border-color: #00afd5;color: #ffffff;} .button-highlight:hover, .button-bright:hover {color: #ffffff;} .button-bright {background-color: #6098ca;border-color: #6098ca;color: #ffffff;cursor: pointer;} .marg-bottom {padding-bottom: 15px;} .top-bttns, .bottom-bttns {float: right;} .job-container {display: none;} .social-bar {padding: 7px 0 0;} .search-again-text {display: none;} #contentwrapper .social-bar ul {list-style-type: none;padding: 0;} .social-bar ul li {display: inline-block;} .job-infor {line-height: 2.143em;padding-top: 10px;} #job-description * {padding: 0;} .career-linkd {font-size: 1.714em;} .in-btn {display: block;float: left;margin: 0 8px 8px 0;} .linkedin-connect {padding-right: 350px;} #contentwrapper .lhs-snapcontent li:first-child {margin-top: 0;} .quick-search {border-top: 1px dotted;padding-top: 7px;} #search-keyword {width: 76%;} .resultCount {font-size: 1.714em;font-weight: bold;position: relative;top: 3px;} a.rad-clear::after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;} #contentwrapper ul.kpi-nav {background: #fff none repeat scroll 0 0;box-shadow: 0 5px 16px #96acbb;list-style-type: none;margin-bottom: 30px;padding: 0;} #contentwrapper ul.kpi-nav li {border-right: 1px solid #b8d3e5;float: left;font-weight: normal;padding: 0;position: relative;text-align: center;width: 25%;} #contentwrapper ul.kpi-nav li.last {border: 0 none;} #contentwrapper ul.kpi-nav li a {display: block;height: 100%;padding: 14px 5px 28px;position: relative;text-decoration: none;z-index: 2;} #contentwrapper ul.kpi-nav li:hover a, #contentwrapper ul.kpi-nav li.current a {color: #fff;} #contentwrapper ul.kpi-nav li#kpi-all a, #contentwrapper ul.kpi-nav li#kpi-all:hover a, #contentwrapper ul.kpi-nav li#kpi-all.current a {color: #5e5e5e;} .kpi-item-inner {padding: 24px 20px 14px;position: relative;} .kpi-item-inner:hover .black-overlay {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;z-index: 20;} .kpi-item-link {color: #fff;display: block;height: 100%;text-decoration: none;} .kpi-item-link:hover {color: #fff;} .kpi-content {overflow: hidden;} .kpi-lan-icon, .kpi-lan-text {margin-bottom: -99999px;padding-bottom: 99999px;} .kpi-lan-icon {padding-right: 20px;width: 40%;} .kpi-lan-text {width: 60%;} .kpi-items-wrap, .kpi-items-wrap-header {float: left;width: 100%;} .kpi-item-wrap {margin-bottom: 10px;} .kpi-title::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 2px;} #contentwrapper ul.kpi-nav li:hover::after, #contentwrapper ul.kpi-nav li.current::after {background-color: inherit;bottom: -11px;box-shadow: 0 5px 16px #96acbb;content: "";display: block;height: 22px;left: 46%;position: absolute;transform: rotate(45deg);width: 22px;z-index: 1;} .kpi-caption {margin: 10px 0;padding-left: 15px;} .kpi-content {margin-top: 6px;overflow: hidden;} .nav-icon {background: rgba(0, 0, 0, 0) none no-repeat scroll center top;height: 35px;margin-bottom: 14px;overflow: hidden;} .kpi-nav li:hover .nav-icon, .kpi-nav li.current .nav-icon {background-position: center bottom;} #contentwrapper ul.kpi-nav li#kpi-all:hover .nav-icon, #contentwrapper ul.kpi-nav li#kpi-all.current .nav-icon {background-position: center top;} .kpi-content-wrap, .kpi-content-wrap-header {float: left;width: 100%;} .kpi-title-bar {background: #004d91 none repeat scroll 0 0;color: #fff;font-size: 3em;font-weight: normal;line-height: 1em;padding: 20px 26px;} .kpi-content-bar {background: #fff none repeat scroll 0 0;margin-bottom: 30px;padding: 25px 30px;} .kpi-page-title {font-size: 1.143em;line-height: 1em;} .kpi-sub-title {font-size: 0.571em;line-height: 2em;text-align: right;} .kpi-grey-title {background: #768d99 none repeat scroll 0 0;color: #fff;font-size: 2em;line-height: 1em;margin-top: 20px;padding: 27px 26px;} .kpi-intro {font-size: 1.714em;line-height: 1.4em;} .kpi-infograph-wrap {font-size: 1.286em;margin-top: -29px;text-transform: uppercase;} .assurance {text-align: right;width: 50%;} .assurance > img {margin-left: 20px;} .kpi-small-box .kpi-content-bar {color: #004890;font-size: 1.714em;line-height: 1.5em;} .kpi-small-box .kpi-content-bar:first-child {padding-bottom: 30px;} .kpi-content-bar .rad-big {display: block;font-size: 2em;line-height: 1.2em;} .blue-bttn {border: 1px solid #004d91;float: right;font-size: 1.143em;line-height: 1em;padding: 10px 10px 10px 25px;position: relative;text-decoration: none;} .blue-bttn:hover {background: #004d91 none repeat scroll 0 0;color: #fff;} .blue-bttn::before {content: " \e600";font-family: "icons";font-size: 1em;left: -4px;position: absolute;top: 10px;} .ip3-press-releases .blue-bttn::before{left: 4px;} .ip3-news .blue-bttn::before{left: 4px;} .progess-graph {float: left;height: 187px;margin: -25px 0 -24px -25px;width: 185px;} .kpi-table {display: table;} .progress-txt {width: 48%;} .progress-txt, .assurance {display: table-cell;vertical-align: middle;} .kpi-signpost-wrap .left-signpost-wrapper {margin: 0;} .kpi-items-wrap {min-height: 300px;} .kpi-image-bar {margin: -25px -30px 14px;position: relative;} .kpi-subtitle {background: rgb(0, 0, 0) none repeat scroll 0 0;color: #fff;padding: 20px 26px;} .better-business-no, .better-business-yes, .better-future-yes, .better-future-no, .better-power-yes, .better-power-no {padding-right: 150px;} .better-business-no::after, .better-business-yes::after, .better-future-yes::after, .better-future-no::after, .better-power-yes::after, .better-power-no::after {content: "";display: block;height: 62px;position: absolute;right: 0;top: 27%;width: 120px;} .better-power-no::after {background-position: 0 0;} .better-power-yes::after {background-position: -1px -100px;} .better-business-no::after {background-position: -150px 0;} .better-business-yes::after {background-position: -150px -100px;} .better-future-no::after {background-position: -301px 0;} .better-future-yes::after {background-position: -301px -100px;} .iframe-container {overflow: hidden;} .kpi-box8 .kpi-content-bar {float: left;width: 100%;} .kpi-box8 .rrform-Container div[id*="Label"], .rrform-txt-commentsTextareaContainer {margin: 0 0 7px;width: 100%;} .kpi-box8 #wftxt-commentsTextarea, .kpi-box8 .rrform-Container input[type="text"] {max-height: 100px;max-width: 80%;width: 80%;} .kpi-box8 .rrform-Container div[id*="Textbox"], .kpi-box8 .rrform-Container div[id*="FreeText"] {width: 100%;} .kpi-box8 #errorDv {display: none;} .kpi-box8 #wfSubmitButtonContainer {margin: 0;} .kpi-landing-content {color: #004d91;padding: 0 15px 10px;} .social-icons {clear: both;text-align: right;} .social-icons .icon {color: #004d91;} a.social-icon {text-decoration: none;} .social-icon:hover .icon {opacity: 1;} #social-media .landing-inner-wrapper {border: 1px solid #7f7f7f;} .stand-alone-content {background: #fff none repeat scroll 0 0;} .stand-page-title {padding: 25px 0 14px;} .stand-page-banner {padding-bottom: 20px;} .stand-page-wrapper {background: #b8d3e5 none repeat scroll 0 0;max-width: 990px;padding: 20px;} a.banner-img-link {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 0;} p.widget-small-text {color: rgb(107, 154, 190);font-size: 1.4em;line-height: 1.1em;margin-bottom: 5px;} p.widget-small-text a {color: rgb(107, 154, 190);text-decoration: none;} .widget-small-desc {color: #fff;font-size: 1.3em;line-height: 1.2em;margin-bottom: 5px;} .widget-small-desc::after {content: " ?";font-family: "icons";font-size: 0.75em;margin-left: -6px;position: relative;top: 1px;} .widget-small-inner {bottom: 20px;position: absolute;} p.widget-img {padding-bottom: 0;} .contact-box-headr {color: #10069f;font-size: 1.571em;line-height: 1.1em;margin-bottom: 5px;} .contact-rhs-boxes {background-color: #f1f6fa;color: #10069f;margin-bottom: 5px;padding: 20px 15px;} .location-bx-content {font-size: 1.3em;} .location-thumb {margin: 15px -15px;} .sitelinks-content {font-size: 1.2em;line-height: 1.6em;margin: 15px 0;} .sitelinks-content a {text-decoration: none;} .loc-left {padding-bottom: 20px;} .rhs-images-box {padding: 0 15px;} .rhs-images-box .location-thumb {margin: 0 -15px;} body#worldwide-presence .country-snapdown-title-container .snapdown-telephone {background-image: url("/~/media/Images/R/Rolls-Royce/css/telephone-icon.png");background-position: 0 5px;background-repeat: no-repeat;float: right;font-size: 1.414em;padding: 5px 5px 0 30px;} body#worldwide-presence .country-snapdown-title-container .snapdown-email {border: 1px solid #004d91;float: right;font-size: 1.196em;margin: -5px 5px -10px 30px;text-transform: uppercase;} body#worldwide-presence .country-snapdown-title-container .snapdown-email a {text-decoration: none;padding: 10px 15px;display: block;} body#worldwide-presence .country-snapdown-title-container .snapdown-email:hover{border:1px solid #00bfbe;color:#00bfbe} body#worldwide-presence .country-snapdown-title-container .snapdown-email:hover a{color:#00bfbe} body#worldwide-presence .country-snapdown-title-container .country-snapdown-title {padding: 3px 0 0 30px;} body#worldwide-presence .country-snapdown-title-container .country-snapdown-right {background-image: url("/~/media/Images/R/Rolls-Royce/css/plus-icon.png");background-position: left 0;background-repeat: no-repeat;float: left;left: 15px;} .country-snapdown-title-container.country-snapopen .country-snapdown-right {background-position: left 0;} .snap-hd {color: #10069f;} #alphabet-category {margin: 10px 0 15px;padding: 0;} #alphabet-category span.alphabet-filter-text {color:#1e3643;float: left;font-size: 1.414em;margin: 2px 10px 2px 0;padding: 2px 0;} span.alphabet-filter {border: 1px solid #a5a5a5;color: #a5a5a5;float: left;font-size: 1.414em;margin: 0 3px 0 2px;padding: 2px 0;text-align: center;width: 25px;} span#alphabet-all {width: 50px;} span.alphabet-filter.haschildren {border: 1px solid #10069f;color: #10069f;margin: 0 1px 0 1px;text-align: center;width: 25px;} span.alphabet-filter.haschildren:hover {background: #fff none repeat scroll 0 0;color: #00bfbe;cursor: pointer;border:1px solid #00bfbe} span.alphabet-filter.selected {background: #10069f none repeat scroll 0 0;color: #fff;} .country-snapdown-container {float: left;width: 100%;} .country-snapdown-item {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 7px;width: 100%;} .country-snapdown-container {margin-bottom: 7px;} .country-snapdown-title-container {cursor: pointer;float: left;padding: 21px 20px;position: relative;text-decoration: none;width: 100%;} .country-snapdown-title {color: #10069f;float: left;font-size: 1.5em;line-height: 1.2em;padding-right: 115px;} .country-snapdown-title-container .country-snapdown-right {background-position: right -175px;color: #10069f;float: right;margin: 25px 0 20px;padding: 0 16px 0 0;position: absolute;right: 20px;text-transform: uppercase;top: 0;width: 105px;} .country-snapdown-content {border-top: 1px solid #b8d3e5;display: none;float: left;padding: 20px;} .nojs .country-snapdown-title-container .country-snapdown-right {display: none;} .nojs .country-snapdown-content {display: block;} .country-snapbox-content {background: #fff none repeat scroll 0 0;float: left;margin-bottom: 8px;padding: 15px 20px 10px;width: 100%;} .inPageShare {background: #fff none repeat scroll 0 0;float: right;padding: 10px 20px 0;width: 100%;} #contentwrapper .inPageShare p {float: right;margin-right: 15px;padding: 8px 0 0;} #contentwrapper .inPageShare ul {float: right;padding-bottom: 0;} #contentwrapper .inPageShare ul li {display: inline-block;} #contentwrapper .inPageShare ul li a {text-decoration: none;} #contentwrapper .inPageShare ul li span.icon {color: #004d91;opacity: 1;padding-left: 8px;padding-right: 0;} .inPageShare li a i {font-size: 2.5rem;margin-top: -3px;padding: 0 0 0 3px;vertical-align: text-bottom;} .inPageShare li a i .fa {font-size: 2.5rem;} .inPageShare li a i.fa.fa-envelope {margin-top: -6px;} .inTagsNShare .share-icons-wrapper p, .inTagsNShare .share-icons-wrapper ul {float: right;} @media (max-width: 320px) { .section4-content {top: 4%;} .quote {width: 90%;}} @media (max-width: 380px) { #contentwrapper .inPageShare p {display: none;}} @media (max-width: 720px) { .section4-content {top: 4%;} .quote {width: 90%;}} .resultmore {bottom: 0;padding-top: 15px;position: absolute;} #careersinindia .customer-content-container .bx-controls {bottom: 60px;} .region-job-wrapper {background: #fff none repeat scroll 0 0;height: 100%;padding: 12px 15px;} @media all and (min-width: 0px) and (max-width: 520px) { .region-latest-jobs-box {height: 220px;} .prot-page-logo {float: left;width: 98%;} .prot-page-logo img {width: 55%;}} .section2-box1 .popup-video .box-head .box-sm-content span.white-arrow {display: none;} #products #imc-preview-protection {display: none;} body#paris-air-show-2015 .customers-menu {display: none;} @media (min-width: 1024px) { body#paris-air-show-2015 #twocolright .landing-box {width: 49.9333%;}} .nosinghtpad {margin: 0;padding: 0;} .insightpadbottom {padding-bottom: 27px;} body.ip3-products-and-services .section-header p#sectionheader {visibility: hidden;} .prot-page-logo {background-color: rgb(255, 255, 255);float: right;padding: 5px;width: 20%;} body#ttde p#sectionheader {margin-top: 10px;} body#ttde-preview-protection #leftcol {display: none;} body#ttde .page-content {height: auto;overflow: hidden;padding: 15px 10px 25px;} @media all and (min-width: 0px) and (max-width: 320px) { body#ttde .page-content > div {height: 150px;}} @media all and (min-width: 421px) and (max-width: 520px) { body#ttde .page-content > div {height: 230px;}} @media all and (min-width: 321px) and (max-width: 420px) { body#ttde .page-content > div {height: 170px;} } @media all and (min-width: 320px) and (max-width: 420px) { .con-title {font-size: 14px!important;} } @media all and (min-width: 421px) and (max-width: 1024px) { .con-title {font-size: 14px!important;} } @media all and (min-width: 521px) and (max-width: 640px) { body#ttde .page-content > div {height: 170px;}} @media all and (min-width: 721px) and (max-width: 840px) { body#ttde .page-content > div {height: 350px;}} @media all and (min-width: 921px) and (max-width: 1040px) { body#ttde .page-content > div {height: 450px;}} .border-none td {border: medium none;} body.ip3-search-and-apply.ip3-careers .box-inverse {background: #004d91 none repeat scroll 0 0;} #mylearning #leftcol {display: none;} #mylearning #twocolright {width: 100%;} #mylearning #breadcrumb {display: none;} .share-ticker-container {width: 200px;} .share-ticker-container iframe, .share-ticker-container iframe {height: 22px;width: 100%;} .l-s-ticker-wrap iframe {height: 60px;width: 100%;} body.megamenuhover #logo {z-index: 102;} body#ship-intelligence #section-talk-to-an-expert .services-title {padding-bottom: 16px;} .services-subtitle2 {padding-top: 8%;} body#ship-intelligence .product-contact-inner {display: block;padding-bottom: 10px;} body#ship-intelligence .product-contact-left {display: block;width: 100%;} body#ship-intelligence .product-contact-right {display: block;padding: 0;width: 100%;} body#ship-intelligence .product-contact-details {min-height: 145px;padding: 0 25px 20px;} body#ship-intelligence .product-contact-designation {text-transform: none;} body#ship-intelligence .product-contact-title {text-transform: uppercase;} .customers-menu li#nav-market-sectors-level3 {display: none;} body#ship-intelligence .prod-title {color: #fff;font-size: 2.429em;} body#ship-intelligence .prod-subtitle {color: #fff;text-transform: none;} body#anti-slavery-and-human-trafficking-statement-2016 .related-link-left {width: 55%;} .twitter-notification p {border: 1px solid red;color: red;font-weight: bold;margin: 15px 0;padding: 15px;} body.ip3-press-releases .twitter-notification {display: none;} body.ip3-press-releases.ip3-preview .twitter-notification, body.ip3-press-releases.ip3-edit .twitter-notification, body.ip3-press-releases.mis-stage .twitter-notification {display: block;} .icon-contact {background-image: url("/~/media/Images/R/Rolls-Royce/css/contact-us-icon.png");background-repeat: no-repeat;background-size: 59% auto;display: block;float: left;height: 17px;padding-right: 38px;width: 24px;} #air-safety-investigation .section-slide-wrap, #digital-summit-2017 .section-slide-wrap {float: left;padding-bottom: 20px;width: 100%;} #air-safety-investigation .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text {margin-top: 0;} #digital-summit-2017 .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text {margin-top: 0;} #air-safety-investigation .new-second-level-navigation-outer, #digital-summit-2017 .new-second-level-navigation-outer {display: none;} #air-safety-investigation .banner-mobi-img, #digital-summit-2017 .banner-mobi-img {display: none;} #digital-summit-2017 .ds17-heading {float: left;width: 100%;} #digital-summit-2017 .ds17-invlogo {float: right;margin-top: -65px;text-align: right;width: 20%;} #digital-summit-2017 .homecontentwrapper, #air-safety-investigation .homecontentwrapper {display: none;} #leftcol #shareholder-fraud-warning {background-color: #10069f;display: inline-block;width: 100%;} #leftcol #shareholder-fraud-warning a {color: #ffffff !important;} #leftcol #shareholder-fraud-warning .button {background: #fff none repeat scroll 0 0;border: 0 none;border-radius: 0;color: #10069f !important;display: inline-block;float: right;font-size: 11.86px;margin-top: 12px;padding: 4px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} .mediaPRtitle a {text-shadow: 2px 2px #000;} #rb211-535e4 .section.sections-wrap .new-country-site-section.fw-intro-section {margin-bottom: 40px;} body#civil-aerospace.ip3-contact-us .product-module-section .tab-content-main {text-align: left;} body#civil-aerospace.ip3-contact-us .fw-tabbed-list-wrap-inner {margin-bottom: 100px;} body#civil-aerospace.ip3-contact-us .tab-content ul li a:hover,body#civil-aerospace.ip3-contact-us .tab-content ul li a:hover:after{color: #006dff;} body#civil-aerospace.ip3-contact-us .tab-content .font21 ul li{ list-style-type: none; padding-bottom: 14px;position:relative;line-height: 1.6;} body#civil-aerospace.ip3-contact-us .tab-content ul li a::after {font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;text-transform: none;backface-visibility:hidden;color:#fc4191;margin-top:15px;font-size: 0.7em;padding-left: 8px;top: 2px;} body#civil-aerospace.ip3-contact-us .tab-content ul li a {text-decoration: none;color: #10069f;} body#civil-aerospace.ip3-contact-us .tab-content .font21 > ul {padding-left: 45px;} .progressiveDisclosure .rad-link{font-weight: normal;} /* Marine Contact page 295705 and later page renames 303443*/ /* body#contacts-and-service-locations.ip3-products-and-services.ip3-marine .homecontentwrapper .home-banner-fw{display:none;} */ body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 4.292em;line-height: 1em;font-weight: 400;text-transform: uppercase;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.857em;line-height: 1.2;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.857em;line-height: 1.2;} @media all and (max-width: 1399px) { body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 3.571em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.571em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.571em;}} @media all and (max-width: 767px) { body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #bold-intro-text .font35 {font-size: 2.429em;line-height: 1;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #intro2 .font35 {font-size: 2.143em;} body#contacts-and-service-locations.ip3-products-and-services.ip3-marine #module-downloads .fw-dwld-sld-ttl {font-size: 2.143em;}} /* ======== for Investor re-structure CSS ======= */ body#results-centre .box-inverse h1 {color:#1e3643!important;} body#results-centre .box-inverse{background:#fff;} body#year-in-review-2014 .box-inverse h1, body#year-in-review-2015 .box-inverse h1 {color:#004D91} body#year-in-review-2014 .box-inverse, body#year-in-review-2015 .box-inverse{background:#fff;} .banner-text-buttons-container{position:absolute;top:10px;right:10px;z-index:2002;} .banner-text-buttons{ background:url(/~/media/images/R/Rolls-Royce/content-images/background-images/transparent-blue.png); color:#fff; font-family: 'TheMix'; font-size: 1.5em; line-height: 1.4em; padding: 7px 10px 7px 12px; margin-bottom:10px} body#results-centre .banner-text-buttons{background:#10069f;} body#results-centre .banner-text-buttons:hover{background:#006dff} .banner-text-buttons a{ text-decoration:none; color:#fff; background:none !important; padding:0!important} .banner-text-buttons a.banner-button-link-external{ padding:0 !important; background:none !important;} .banner-text-buttons .banner-text-wrapper{background:url(/~/media/images/R/Rolls-Royce/css/icons-results-center.png) no-repeat scroll 0 0; background-position:right -4px; padding-right:72px; padding-top:1px; height:32px; vertical-align:middle;} .banner-button-link-internal .banner-text-wrapper{background-position: right -113px !important;} .banner-button-link-external .banner-text-wrapper{background-position: right -113px !important;} .banner-text-buttons.btn-webcast .banner-text-wrapper {background-position: right -59px !important;} body#year-in-review-2014 .banner-text, body#year-in-review-2015 .banner-text{ width:55%; color:#004D91;text-shadow: none;} body#year-in-review-2014 .no-marg, body#year-in-review-2015 .no-marg{margin-bottom: 14px !important;} .twocolright .appendices a.rad-clear{background:none!important;} a.rad-clear.extension-link:before,table td a:before {display: none;} table.appendices thead td, table.appendices thead th { background:none; border-bottom:2px solid #e5ecf5; vertical-align: middle; font-weight:bold; text-align:center} table.appendices tbody td, table.appendices tbody th { background:none; border-bottom:1px solid #e5ecf5; border-top:1px solid #e5ecf5; vertical-align: middle; text-align:center} .banner-text-buttons-container-mobi{ display:none;} table.appendices .left{ text-align:left;} table.appendices .right{ text-align:right;} @media(max-width: 480px) { .banner-text-buttons-container{ display:none;} .banner-text-buttons-container-mobi{ display:block;} .banner-text-buttons{ margin-bottom:0; margin-top:10px;} body#year-in-review-2014 .banner-text, body#year-in-review-2015 .banner-text { position:relative; background:#fff; width:100%;} } table.doc-table thead td, table.doc-table thead th { background:none; border-bottom:2px solid #e5ecf5; vertical-align: top; font-weight:bold; text-align:center} table.doc-table tbody td, table.doc-table tbody th { background:none; border-bottom:1px solid #e5ecf5; border-top:1px solid #e5ecf5; vertical-align: top; text-align:center} table.doc-table thead th{ padding-top:0!important;font-size:85%;} table.doc-table .left{ text-align:left;} table.doc-table .right{ text-align:right;} table.doc-table .no-pad{ padding:0 !important; border:none !important; line-height:1em !important;} .document-icn{background:url(~/media/images/R/Rolls-Royce/css/icons-investors.png) no-repeat scroll 20px -4px !important; padding-right:0px !important; padding-top:1px; width:72px; height:32px; vertical-align:middle; display: inline-block} .document-icn.internal-link{background-position: 20px -113px !important;} .document-icn.external-link{background-position: 20px -113px !important;} .presentation-icn{background:url(~/media/images/R/Rolls-Royce/css/icons-investors.png) no-repeat scroll -4px -4px !important; padding-right:0px !important; padding-top:1px; width:24px; height:32px; vertical-align:middle; display: inline-block} .presentation-icn.internal-link{background-position: -4px -113px !important;} .presentation-icn.external-link{background-position: -4px -113px !important;} .presentation-icn.audio-link{background-position: -1px -59px !important;width:28px;} .webcast2{display:block;padding-top:10px;} .left-signpost-wrapper ul.rad-border.latest-news a{color:#10069f} .left-signpost-wrapper ul.rad-border.latest-news a:after{color:#fa4692;} .left-signpost-wrapper ul.rad-border.latest-news a:hover,.left-signpost-wrapper ul.rad-border.latest-news a:hover:after{color:#006dff} #caroline-gorski-on-the-power-of-collaboration .related-link-left, .related-link-right {float: left;width: 100%;} /* Marine Contact page 295705 */ .insights-mid-fw-inner.flyer-landing{margin-top:100px} body#investors #bannerwrapper .bottom-banner-text {text-align: left;} body#investors .bottom-banner-text .banner-link {background: rgba(0, 0, 0, 0) url("/~/media/Images/R/Rolls-Royce/css/white-right-arrow.png") no-repeat scroll right 5px;color: #fff;padding-right: 20px;text-align: right;text-decoration: none;} body#results-centre .desktop-view {display: none;} body#products-and-services .customer-news {display: none;} .left-signpost-wrapper ul.rad-border.latest-news a:after, .left-signpost-wrap a.cta::after{ content:"\e603";margin-left:0;} body.ip3-deutschland .related-links-container a::after{content:"";} body.ip3-deutschland .related-links-container a {color: #10069f;} .ip3-press-releases .breadcrumbWrap { display: none; } #Homepage .fw-home-banner-btm-content.NavyBlue { background: rgba(255,255,255,0.75); padding: 14px 14px 0 17px; } #leftcol #shareholder-privacy-policy {background-color: #10069f;display: inline-block;width: 100%;} #leftcol #shareholder-privacy-policy a {color: #ffffff !important;} #leftcol #shareholder-privacy-policy .button {background: #fff none repeat scroll 0 0;border: 0 none;border-radius: 0;color: #10069f !important;display: inline-block;float: right;font-size: 11.86px;margin-top: 12px;padding: 4px;text-decoration: none;text-transform: uppercase;white-space: nowrap;} /*div#intro-text-irf .module-max-width .eight-column-wrapper {max-width:100%}*/ /* Generic Form Module Start */ .fw-en-form-wrapper .generic-form-module-wrapper .float100 {float: left;width: 100%;} .generic-form-module-wrapper { padding-top: 0; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs { padding-bottom:40px; } .fw-en-form-wrapper .generic-form-module-wrapper input, .fw-en-form-wrapper .generic-form-module-wrapper textarea { font-size: 1.286em; padding:33px 22px 15px; width:100%; position:relative; color:#4e5d65; height:80px;background: #fff;} .new-country-site-section.White .fw-en-form-wrapper .generic-form-module-wrapper input, .new-country-site-section.White .fw-en-form-wrapper .generic-form-module-wrapper textarea{border:1px solid #4e5d65;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) { padding-right:29px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs .placehold { position: absolute; top: 12px; right: 10px; left: 29px; color: #b2b2b1; font-size: 1.286em; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; cursor: text; } .fw-en-form-wrapper .generic-form-module-wrapper input:focus + .placehold,.filled,.fw-en-form-wrapper .generic-form-module-wrapper textarea:focus + .placehold { font-size: 1em !important; line-height: 1.2em; top: 12px !important; color: #10069f !important; z-index: 2;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs input:focus,.focused,.fw-en-form-wrapper .generic-form-module-wrapper .inputs textarea:focus { outline:1px solid #10069f; } .fw-en-form-wrapper .generic-form-module-wrapper .errorBox { outline:1px solid #fa2b2b !important;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs .errorBox + .filled { color:#fa2b2b !important; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs input:focus, .fw-en-form-wrapper .generic-form-module-wrapper .inputs textarea:focus {-webkit-box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); -moz-box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); box-shadow: 2px 7px 46px -4px rgba(0,0,0,0.1); } .fw-en-form-wrapper .generic-form-module-wrapper .inputs span:not(.asterik) { position: absolute; bottom: 19px; left:4px; padding-left: 24px; background-color: #fa2b2b; color: #fff !important; text-transform:uppercase;font-size: 0.8572em; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) span { width: calc(100% - 32px); } #derby-and-hucknall-branch .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) span { width: calc(100% - 10px);left: 5px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(even) span,.next-service span { width: calc(100% - 8px); } .fw-en-form-wrapper .generic-form-module-wrapper textarea {min-height: 162px;resize: none;} .fw-en-form-wrapper .generic-form-module-wrapper .generic-contact-submit {clear: both; margin: 0 auto;display: inline-block;text-align: center;float: left;} .fw-en-form-wrapper .generic-form-module-wrapper .captcha-box { text-align:-webkit-center; margin-bottom: 46px;text-align: -moz-center; display:flex; justify-content:center;float:left } .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { max-width: 970px; margin: 0 auto; float: none; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper .inputs{ padding-right:5px !important; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper .inputs { padding-bottom: 28px; } .fw-en-form-wrapper .generic-form-module-wrapper .comment-wrapper input { padding: 21px 22px;} .fw-en-form-wrapper .generic-form-module-wrapper .inputs.fullTextAera:nth-child(2n+1) span {width: calc(100% - 1%);} .generic-form-module-success-wrap{text-align:center;font-size:1.4em;} @media all and (max-width:991px) { .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { padding-left: 30px; padding-right: 30px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) { padding-right:5px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(odd) span { width: calc(100% - 8px); } } @media all and (max-width:767px) { .fw-en-form-wrapper .generic-form-module-wrapper .inner-wrapper { padding-left: 15px; padding-right: 15px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs span { width:calc(100% - 8px); } .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(2n+1) span, .fw-en-form-wrapper .generic-form-module-wrapper .inputs:nth-child(2n) span {width: calc(100% - 8px);} } .fw-en-form-wrapper .generic-form-module-wrapper .inputs.fullTextAera:nth-child(2n+1) span{width: calc(100% - 8px);} /* Generic Form Module End */ .cpc-err {position: absolute;left: 0;margin-top: 10px;font-size: 1em;color: red;} .trust-box .word { margin-bottom: 15px;} body#civil-aerospace #related-content-3-5 {display: none;} #auto-top-link { background-color: #a2a9af; bottom: 55px; color: #ffffff;display: none;float: left; font-size: 2.2rem;font-weight: bold; padding: 7px; position: fixed; right: 23px; text-decoration: none;width: 40px;height: 40px; z-index: 9999;text-align: center;} #auto-top-link span strong { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute;} a#auto-top-link >span:before { font-size: 1.7rem; line-height: normal; position: relative; transform: rotate(-90deg); display: block; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: relative; top: -2px; font-weight: bold; } #ecosystem #contact-form2 .select {padding: 15px 16px;} #ecosystem #contact-form2 span.select {color: #4e5d65 !important;position: absolute;top: 0px;left: 0;height: 70px;background-color: #fff;text-transform:inherit!important;cursor:pointer;} #ecosystem #contact-form2 .select {color: #4e5d65;position: absolute;z-index: 1;line-height: 2em;font-size: 1.333em;cursor: auto;padding-left:28px;} #ecosystem #contact-form2 span.select::before {position: absolute;display: inline-block;content: '';width: 60px;height: 100%;top: 0;right: 0;background-color: #10069f;} #ecosystem #contact-form2 span.select::after {content: '';position: absolute;right: 20px;top: 27px;width: 0;height: 0;border: 10px solid transparent;border-top-color: transparent;border-top-color: #fff;} #ecosystem #contact-form2 select{background-color: #fff;height: 70px;padding-left:20px;color:#b2b2b1;font-size:1.286em;width:100%;position:relative;z-index:10;opacity:0;} #ecosystem #contact-form2 .generic-form-module-success-wrap{margin-bottom:20px;} #ecosystem #contact-form2 .generic-form-module-success-wrap .failure{color:red;} /*body#used-fleet-flyer-form {background:rgb(16, 6, 159) none repeat scroll 0% 0%;height:100%;overflow:visible;}*/ /*body#used-fleet-flyer-form .fw-module-full-width-external-web-content, body#used-fleet-flyer-form #MainWrapper {padding-top:0!important;}*/ /*body#used-fleet-flyer-form .fw-footer-outer, body#used-fleet-flyer-form .header-outer, body#used-fleet-flyer-form .breadcrumbWrap,body#used-fleet-flyer-form .homecontentwrapper {display:none;} */ /*body#used-fleet-flyer-form iframe.responsive-frame {height:1100px!important;}*/ body#subscribe-to-the-flyer iframe.responsive-frame {height:1100px!important;} .sm-title #wechat:before { content: ""; background: url(~/media/Images/R/Rolls-Royce/css/icon-wechat.png) no-repeat center center / cover; width: 22px; height: 22px; display: inline-block; margin-right: 36px; position: absolute; left: 7px; top: 2px; } #inner-working-to-realise-europes-vision .font18 ul li:before {display:none;} #inner-working-to-realise-europes-vision .fw-para-text ul li span {position: relative;} #inner-working-to-realise-europes-vision .fw-para-text ul li span:before { background: #004990; border-radius: 50%; content: ""; height: 6px; left: -25px; position: absolute; top: 7px; width: 6px; } #inner-quote-rob-watson, #inner-welcome-to-third-era-of-aviation {clear: left;} #inner-flexible-signpost .fw-flexi-sp-icon, #china-exhibition-english .fw-flexi-sp-icon, #china-exhibition-chinese .fw-flexi-sp-icon {display: none;} .nowraptext {white-space: nowrap;display: inline-block;} #board .key-text li span, #board .key-block li span, #executive-leadership-team .key-text li span, #executive-leadership-team .key-block li span {color:#10069f;} #board .key-block, #executive-leadership-team .key-block {padding: 15px;border: 1px solid #d2dae6;margin-top: 10px;} #board .key-text td, #executive-leadership-team .key-text td {border:0} #anti-slavery-and-human-trafficking-statement .new-site-fw .fw-para-text ul li::before {display:block} .fw-stats-top , .fw-stats-top.rr-black{color: #006dff !important;} #contentwrapper ol li.font-weight-normal-ol-li{ font-weight: 500 !important; font-family: "RRPioneer-regular",Arial; } /** Default UP LI Css **/ .fw-full-width-text.fw-intro-section ul { list-style-type: disc !important; padding-bottom: 14px !important; padding-left: 25px !important; } .fw-full-width-text.fw-intro-section ul li { list-style: none !important; padding-bottom: 15px !important; } .fw-full-width-text.fw-intro-section ul li:before { /*content: "." !important;*/ background: #004990 !important; border-radius: 50% !important; display:block !important; opacity:1 !important; visibility:visible !important; height: 8px !important; left: -25px !important; position: absolute !important; top: 9px !important; width: 8px !important; } #geschichten .insights-filter-wrap{ display:none; } /* snap down at bottom on /country-sites/deutschland.aspx */ .AftermarketTabs .disableSnapDw + .pd-box-snapdown-content{ display: none !important; visibility: hidden !important; } .AftermarketTabs .disableSnapDw { display:-webkit-box; display:-ms-flexbox; display:flex; } .AftermarketTabs .disableSnapDw .fw-para-text{ color:#4e5d65; } .AftermarketTabs .disableSnapDw:hover{ background: #fa4692 !important; border-color: #fa4692 !important; } .AftermarketTabs .disableSnapDw a{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .AftermarketTabs .disableSnapDw a:hover{ background: #fa4692 !important; color: #fff !important; border-color: #fa4692 !important; } .AftermarketTabs .disableSnapDw a:hover .fw-para-text{ color: #fff !important; } /* snap down at bottom on /country-sites/deutschland.aspx end */ body#civil-aerospace #product-performance.module-tabbed-list-section-template .fw-module-global-signpost.new-country-site-section{float:none !important;} body#climate-tech-centre #inner-2-7-quote-and-image-01 .ar-wrap .tab-right{padding-top: 10px} body#climate-tech-centre #inner-2-7-quote-and-image-02 .ar-wrap .tab-right{padding-top: 10px} body#events.ip3-r2datalabs .homecontentwrapper.no-image .home-banner-fw{display:none;} #power-systems-sustainability .tab-content-main .fw-ti-ttl.mixbold {display: none;} .mt-0 { margin-top: 0px!important;} .mr-20 { margin-right: 20px!important;} .mr-10 { margin-right: 10px!important;} #digital-home .new-site-fw .font18 ul.removelistbullets li:before {display: none!important;} #iframe_popup .mfp-close{line-height: 0; text-align: center;} .linktextrow {display: flex;} .linktextrowtwo {display: flex; margin-top: 15px;} .btnlinkleft {width: 49%;} .btnlinkright {width: 51%;} #indianapolis-branch .fw-en-form-wrapper input {border: 1px solid #cccccc!important;} #indianapolis-branch .fw-en-form-wrapper input {border: 1px solid #cccccc!important;} #indianapolis-branch .fw-en-form-wrapper input:focus { outline:1px solid #10069f; } #indianapolis-branch .fw-en-form-wrapper input[type="submit"], .fw-en-form-wrapper input[type="reset"] {border: 2px solid #10069f!important;} #indianapolis-branch .main-modular-landing.new-site-fw a[href^="tel:"] { color: #10069f!important; font-weight: 600!important; cursor: pointer!important; } #indianapolis-branch .main-modular-landing.new-site-fw a:hover { color: #006dff!important; } .contacttab .new-linkedin:before,.contacttab .new-twitter:before ,.contacttab .new-flickr:before { content:none!important; } .contacttab .icon-linkedin2:before { content: "\eee8"!important; height: 0px!important; } .contacttab .icon-twitter:before { content: "\eee6"!important; height: 0px!important; } .contacttab .icon-flickr:before { content: "\e901"!important; height: 0px!important; } .contacttab .new-linkedin, .contacttab .new-twitter, .contacttab .new-flickr { margin-right: 20px; } .contacttab { margin-top: 0px!important; margin-left: -10px!important; } .w-100 {width:100%!important} table.table-overflow-wrap-anywhere td { overflow-wrap: anywhere; } #brazil .main-modular-landing .fw-para-text table td, .main-modular-landing .fw-para-text table thead th { font-size: 12px; } .newalerttitle { text-align: center; padding-top: 70px; } .newalertsubtitle{ text-align: center; font-size: 1.429em; line-height: 1.5; color: #1e3643; max-width: 600px; margin: 0 auto 70px auto; } #brazil .main-modular-landing .fw-para-text table td { padding: 12px 10px 12px 10px; } .fw-en-form-wrapper .generic-form-module-wrapper .inputs input:focus { padding: 49px 22px 15px; } .fw-en-form-wrapper .generic-form-module-wrapper label[for=number_of_visitors] { font-size: 1em!important; } element.style { } @media (max-width: 1399px) .font18:not(.ar-lnk-btn), .font18links:not(.fw-dwld-link) { font-size: 1.143em; line-height: 1.5; } #marketplace .new-country-site-section .pd-box-snapdown-content-left p a.font18links { color: #10069f; text-decoration: none; border: 2px solid #10069f; } #brasil #inner-we-are-still-under-the-spotlight { float: left; width: 100%; } #fb-feedXmlContainer .brick { min-height: 250px; } body.megamenuhover .show-ul { height: auto !important; height: auto !important; height: auto !important; } body#pearl-700 ul#finalFlicker li span{visibility: hidden;opacity: 0;} .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute !important; color: #fff !important; background-color: #000 !important; } @media only screen and (min-width: 1200px){ #trent-7000 .full-width-banner-content.navy-blue { width: 780px !important; } } @media only screen and (max-width: 1199px){ #trent-7000 .full-width-banner-content.navy-blue { max-width: 550px !important; } #trent-7000 .full-width-banner-content .button { text-align: center; display: inline-block; float: none; max-width: 550px !important; margin: auto; white-space: normal; margin: 20px 0; } } @media only screen and (max-width: 767px){ #trent-7000 .full-width-banner-content .button { text-align: center; display: inline-block; float: none; max-width: 320px !important; margin: auto; white-space: normal; margin: 20px 0; } } #trent-1000 #inner-intro-text #intro-text h2 { text-align: center; } #trent-1000 #inner-intro-text .fw-intro-three-col-inner div { width: 100% !important; max-width: 100% !important; text-align: center; } /* #trent-7000 #country-content-container .full-width-banner#trent-7000 .full-width-banner-content, #trent-xwb #country-content-container .full-width-banner#trent-xwb .full-width-banner-content { display: none; } */ #trent-7000 .full-width-banner-content.box4-text-middle-left, #trent-xwb .full-width-banner-content.box4-text-middle-left { top: 44% !important; } #trent-1000 .video_fade .trueBannerImage { padding-bottom: 0 !important; } #trent-1000 .video_fade .bannerpara p { font-size: 1.714em; line-height: 1.5; } #trent-1000 .video_fade .home-content-fw-inner { max-width: 100% !important; margin-top: -11% !important; } #trent-1000 .video_fade .fw-bnr-body-copy a { float: left; border: 2px solid #fff; border-radius: 50px; display: block; background: linear-gradient(to right, white 50%, transparent 0%); background-size: 200% 85%; background-position: right bottom; position: relative; font-size: 1.143em; padding: 0px; text-align: center; color: #fff; font-family: "RRPioneer-Bold", Arial !important; display: block; padding: 19px 24px 19px 24px; text-transform: uppercase; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #trent-1000 .video_fade .fw-bnr-body-copy a::after { font-size: 1em; margin-left: 11px; top: 1px; position: relative; color: #fff; content: "\e311"; font-family: new-icomoon; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { #trent-xwb .full-width-banner-content a.module-cta-link, #trent-7000 .full-width-banner-content a.module-cta-link { font-size: 0.9em; margin-top: 10px !important; } #trent-xwb .stickyNavWrap { top: 340px !important; } #trent-7000 .stickyNavWrap { top: 380px !important; } #trent-7000 .full-width-banner .full-width-banner-content.box4-text-middle-left p, #trent-xwb .full-width-banner .full-width-banner-content.box4-text-middle-left p { font-size: 1.6rem !important; line-height: 26px !important; padding-bottom: 15px !important; } #trent-xwb .full-width-banner .full-width-banner-content .button { max-width: 100% !important; margin-top: 0 !important; white-space: inherit !important; } } /*---- full-width-main2-----*/ /*Country sites - Insights to Discover - landing page - Start*/ .hsp-main.hsp-custom-signpost.hps-country-discover-box .hsp-text {background: none !important; border: none;} .hsp-main.hsp-custom-signpost.hps-country-discover-box .hsp-text h3 {color: #ffffff !important;} /*Country sites - Insights to Discover - landing page - End*/ #pearl-15 .tabbed-vid-img-inner .margin-top-video-player { display: block; float: none; height: 430px; position: static; top: auto; max-width: 764px; width: 100%; margin: 0 auto; } /*Module Changes*/ .new-site-fw .fw-para-text ul li:before{display:none;} .new-site-fw .fw-para-text ul li span{position:relative;} .new-site-fw .fw-para-text ul li span:before{background: #004990;border-radius: 50%; content: "";height: 6px;left: -25px;position: absolute;top: 7px;width: 6px;} @media all and (max-width: 420px){ #pearl-15 .tabbed-vid-img-inner .margin-top-video-player { display: block; float: none; height: 180px; position: static; top: auto; max-width: 764px; width: 100%; margin: 0 auto; } } @media all and (min-width: 1921px){ .video-no-img-banner .home-content-fw { position: initial !important; z-index: 6000;} .fw-home-banner-btm-content-main.clearfix { bottom: 25px; left: auto; margin: 0 auto; max-width: 1170px; position: absolute; right: auto; width: 100%; z-index: 6000;} } /*3.7Flexible signposts*/ .fw-flexible-signpost.new-country-site-section.add-bottom-margin {margin-bottom:70px;} .fw-flexible-signpost.new-country-site-section.margin-bottom-zero {margin-bottom: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero { margin-top: 0px;} .fw-flexible-signpost.section.sections-wrap.fist-div {padding-top:0 !important;} .fw-flexible-signpost-wrapper .eight-column-wrapper.centered { margin: 0 auto; text-align: center; padding-bottom: 10px; } .fw-flexi-sp-outer{ max-width: 1920px; margin: 0 auto; width: 100%; text-align: center;} .fw-flexi-sp-box {text-align: left; /*width: 33.3333%;*/width: calc(32% - 14px); width: -ms-calc(32% - 14px); width: -webkit-calc(32% - 14px); max-width: 590px; /*height: 650px; min-height: 650px;*/height: 350px; min-height: 350px; float: none; margin-left:14px; margin-right: 14px; margin-top: 30px; display:inline-block;/*animation begins*/ border:0; position: relative; -webkit-transition:all 0.5s ease-out 0s; -webkit-transform: scale(1); -ms-transition:all 0.5s ease-out 0s; -ms-transform: scale(1); -moz-transition:all 0.5s ease-out 0s; -moz-transform: scale(1); transition:all 0.5s ease-out 0s; transform: scale(1); } .fw-flexi-sp-box:hover { z-index: 2; -webkit-transition:all 0.5s ease-out 0s; -webkit-transform: scale(1.12); -ms-transition: all 0.5s ease-out 0s; -ms-transform: scale(1.12); -moz-transition:all 0.5s ease-out 0s; -moz-transform: scale(1.12); transition:all 0.5s ease-out 0s; transform: scale(1.12);} p.morelink{line-height:1.5;} .morelink a{color:#fff !important;} .morelink .icon-chevron-right:before{display:inline; vertical-align:middle; color: #fa4692 !important;} /*.fw-flexi-sp-box:nth-child(3n+3) {margin-right:0;}*/ .fw-flexi-sp-top { position: relative;} .fw-flexi-sp-ttl, .fw-flexi-sp-icon { margin-bottom: 24px;} .fw-flexi-sp-content-wrapper { position: absolute; padding: 46px 40px 0; top: 0%; color: #fff;} .fw-flexi-sp-description { width: 80%; display: none;} .fw-flexi-sp-box:hover .fw-flexi-sp-description {display: block;} .mask {width: 100%;height: 100%;background-color: #fff; opacity: 0; position: absolute;} .fw-flexi-sp-box:hover .mask{background-color: #000; opacity:0.15;} @media all and (max-width:1280px){ .fw-flexible-signpost.new-country-site-section.add-bottom-margin {margin-bottom:50px;} .fw-flexible-signpost.new-country-site-section.margin-bottom-zero {margin-bottom: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero { margin-top: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero.first-div{padding-top:0;} .fw-flexi-sp-outer { max-width: 1280px; margin: 0 auto; width: 100%;} .fw-flexi-sp-box { width: calc(32% - 4px); width: -ms-calc(32% - 4px); width: -webkit-calc(32% - 4px);/*width: 33.3333%;*/ max-width: 388px; height: 250px; min-height:250px; float: none; margin-left:7px; margin-right: 7px; margin-bottom: 0px; } .fw-flexi-sp-content-wrapper { padding: 30px 30px 0;} .fw-flexi-sp-description { width: 100%; } .fw-flexi-sp-ttl{margin-bottom: 0px;} .fw-flexi-sp-icon { margin-bottom: 15px; width:40px;} .fw-flexi-sp-box.flexi-item-6:hover { transform: scale(1.12) translate(-21px,0px); } .fw-flexi-sp-box.flexi-item-4:hover { transform: scale(1.12) translate(21px,0px); } .fw-flexi-sp-box.flexi-item-3:hover { transform: scale(1.12) translate(-21px,0px); } .fw-flexi-sp-box.flexi-item-1:hover { transform: scale(1.12) translate(21px,0px); } } @media all and (max-width: 1399px) and (min-width: 1201px){ .four-signposts .hover-wrapper{width: calc(100% - 65px) !important; width: -ms-calc(100% - 65px) !important; width: -webkit-calc(100% - 65px) !important;} } @media all and (min-width: 992px) and (max-width:1140px){ .fw-flexible-signpost.new-country-site-section.add-bottom-margin {margin-bottom:30px;} .fw-flexible-signpost.new-country-site-section.margin-bottom-zero {margin-bottom: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero { margin-top: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero.first-div{padding-top:0;} .fw-flexible-signpost.section.sections-wrap.fist-div {padding-top:0 !important;} .fw-flexi-sp-outer { max-width: 1140px; margin: 0 auto; width: 100%;} .fw-flexi-sp-box { width: calc(47.9% - 15px); width: -ms-calc(47.9% - 15px); width: -webkit-calc(47.9% - 15px); /*width: 50%; max-width: 411px;*/ height: 250px; min-height: 250px; float: none; margin-left:15px; margin-right: 15px; margin-bottom: 0px;} /*.fw-flexi-sp-box:nth-child(3n+3) { margin-right: 30px;} .fw-flexi-sp-box:nth-child(even) {margin-right:0;}*/ .fw-flexi-sp-box.flexi-item-6:hover { transform: scale(1.12) translate(-21px,0px); } .fw-flexi-sp-box.flexi-item-5:hover { transform: scale(1.12) translate(21px,0px); } .fw-flexi-sp-box.flexi-item-4:hover { transform: scale(1.12) translate(-21px,0px); } .fw-flexi-sp-box.flexi-item-3:hover { transform: scale(1.12) translate(21px,0px); } .fw-flexi-sp-box.flexi-item-2:hover { transform: scale(1.12) translate(-21px,0px); } .fw-flexi-sp-box.flexi-item-1:hover { transform: scale(1.12) translate(21px,0px); } } @media all and (max-width: 991px){ .fw-flexible-signpost.new-country-site-section.add-bottom-margin {margin-bottom:20px;} .fw-flexible-signpost.new-country-site-section.margin-bottom-zero {margin-bottom: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero { margin-top: 0px;} .fw-flexible-signpost.new-country-site-section.margin-top-zero.first-div{padding-top:0;} .fw-flexible-signpost.section.sections-wrap.fist-div {padding-top:0 !important;} .fw-flexible-signpost-wrapper .eight-column-wrapper.centered { margin: 0 auto; text-align: center; padding-bottom: 40px; } .fw-flexi-sp-box.visible-desktop, .fw-flexi-sp-box.visible-tablet{ display: inline-block !important; float:none; } /*.visible-mobile { display: block !important; }*/ .fw-flexi-sp-outer { max-width: 1140px; margin: 0 auto; width: 100%;} .fw-flexi-sp-box { /*width: 50%; max-width: 312px;*/ height: 350px; min-height: 350px; float: left; margin-left: 8px; margin-right: 7px; margin-bottom: 0px; width: calc(48.6% - 7px); width: -ms-calc(48.6% - 7px); width: -webkit-calc(48.6% - 7px);} /*.fw-flexi-sp-box:nth-child(3n+3) { margin-right: 15px;} .fw-flexi-sp-box:nth-child(even) {margin-right:0;}*/ .fw-flexi-sp-box.flexi-item-6:hover { transform: scale(1.12) translate(-17px,0px); } .fw-flexi-sp-box.flexi-item-5:hover { transform: scale(1.12) translate(17px,0px); } .fw-flexi-sp-box.flexi-item-4:hover { transform: scale(1.12) translate(-17px,0px); } .fw-flexi-sp-box.flexi-item-3:hover { transform: scale(1.12) translate(17px,0px); } .fw-flexi-sp-box.flexi-item-2:hover { transform: scale(1.12) translate(-17px,0px); } .fw-flexi-sp-box.flexi-item-1:hover { transform: scale(1.12) translate(17px,0px); } } @media all and (max-width:767px){ .fw-brochure-list .fw-tabbed-wrap .tab-list .mobi-tabs-menu{ border-bottom: 2px solid #fa4692; } .fw-flexible-signpost-wrapper{margin: 15px;} .fw-flexi-sp-box { width: calc(48.6% - 7px); width: -ms-calc(98.6% - 7px); width: -webkit-calc(98.6% - 7px); height: 120px; min-height: 120px; /*width: 100%; max-width: 100%;*/ margin-left: 8px; margin-right:7px; margin-bottom:15px; float: none;} .fw-flexi-sp-box:hover { z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1);} .fw-flexi-sp-box.flexi-item-6:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-5:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-4:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-3:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-2:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-1:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-icon { float: left; margin-right: 20px; } .fw-flexi-sp-ttl { float: left;max-width: 70%; } .fw-flexi-sp-description { width: 80%; display: block;} .mask {background-color: #000; opacity: 0.2 !important; } .visible-mobile{ display: block !important; } .visible-desktop, .visible-tablet { display: inline-block !important; } .fw-flexi-sp-box.visible-desktop, .fw-flexi-sp-box.visible-tablet{ display: none !important;} } @media all and (max-width: 580px; ){ .fw-flexible-signpost-wrapper{margin: 15px;} .fw-flexi-sp-box { height:120px; min-height:120px; width: calc(98.6% - 7px); width: -ms-calc(98.6% - 7px); width: -webkit-calc(98.6% - 7px); max-width:98.6% !important; float: none; margin-left: 7px; margin-right:7px; margin-bottom:20px;} .fw-flexi-sp-box:hover { z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1);} .fw-flexi-sp-box.flexi-item-6:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-5:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-4:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-3:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-2:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-box.flexi-item-1:hover { transform: scale(1) translate(0px,0px); } .fw-flexi-sp-icon { float: left; margin-right: 20px; } .fw-flexi-sp-ttl { float: left;max-width: 70%; } .fw-flexi-sp-description { width: 80%; display: block;} .mask {background-color: #000; opacity: 0.1; } .visible-mobile, .mobile-view { display: block !important; } .visible-desktop { display: none !important; } } /*3.7Flexible signposts ends*/ .popup-story-module-filter-wrapper { float: left; width: 100%; margin-bottom: 30px; } body#power-of-trent #country-content-container.new-site-fw .font16 ul{padding-left: 0px !important; } .nopot {margin: 0 auto; max-width: 2000px; min-height: 100px; z-index: 5 !important; text-align: center; display:none;} div#airline-loadmore-wrapper { margin: 0 auto; max-width: 2000px; min-height: 100px; z-index: 5 !important; text-align: center; display: none; } div#airline-loadmore-wrapper a.airline-loadmore { background: none; color: #10069f; border: 1px solid #10069f; display: inline-block; line-height: 1; margin: 0 auto; padding: 12px 31px 13px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: "RRPioneer-Medium",Arial; font-weight: normal; font-size: 1.2em; } div#airline-loadmore-wrapper a.airline-loadmore:hover{ color: #006dff; border: #006dff 1px solid; } .module-tabbed-list-section-template .product-module-section a {font-size: 100%;} @media all and (max-width: 767px){ body#civil-aerospace .tab-content-main.tlsld .rr-icon-arrow-nav.slick-prev, body#civil-aerospace .tab-content-main.tlsld .rr-icon-arrow-nav.slick-next{display:none !important;} body#civil-aerospace .tab-content-main.tlsld .product-module-section .rr-icon-arrow-nav.slick-prev, body#civil-aerospace .tab-content-main.tlsld .product-module-section .rr-icon-arrow-nav.slick-next{display:block !important;} } @media (max-width: 767px) { .dl-list-format {bottom: 22px !important;} } @media (max-width: 1024px) and (min-width: 768px){ .four-signposts .signpost-wrapper { height: 702px !important; } } .fw-full-width-interactive {float: left; width: 100%; position: relative; padding-top: 50px; padding-bottom: 50px;} .single-large-signpost.dodger-blue { background-color: rgba(24, 145, 251, 1); border-color: rgba(24, 145, 251, 1); } .single-large-signpost.trendy-green { background-color: rgba(128, 155, 25, 1); border-color: rgba(128, 155, 25, 1); } .int-box-text p { font-size: 1.286em; line-height: 1.445; } .interactive-note { float: left; width: 100%; font-size: 1em; margin-top: 10px; } div#our-business-system { margin-top: 0; padding-top: 0; } body#about div#inner-civil-aerospace-intro, body#about div#inner-defense-intro, body#about div#inner-power-systems-intro { margin-top: 40px !important; } /*body#about .fw-stats-centericon-section { margin-bottom: 80px !important; }*/ body#about div#priorities-2019 { margin-bottom: 40px; } .events-module span.part1.hidden-xs.hidden-sm, .events-module span.part2.hidden-xs.hidden-sm {display: none !important;} .popumsg-module-overlay { background-color: rgba(0, 0, 0,0.8); display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99998; overflow-x: hidden; overflow-y: auto; position: fixed; display:none; } .pm-popup-button { text-align: right; padding: 20px 0; width: /*22%*/auto; float: right; padding-right: 1%; } .popumsg-module-wrapper { float: left; width: 40%; left: 30%; right: 30%; position: fixed !important; top: 20%; z-index: 99999 !important; background-color: #f7f7f7; padding: 25px 5px 25px 25px; display:none; } .popumsg-module-content-heading { font-family: RRPioneer-Bold, Arial; color: #1e3643; margin-bottom: 20px; font-size: 2.857em; line-height: 1.2; } .popumsg-module-content { overflow-y: hidden; height: auto; padding-right: 2%; } .popumsg-module-content-text { color: #1e3643; font-size: 16px; line-height: 20.8px; } .pm-popup-button-not a { border: 2px solid #10069f; border-radius: 50px; background: linear-gradient(to right, #10069f 50%, transparent 0%); background-size: 200% 85%; background-position: right bottom; text-align: center; color: #10069f; font-family: "RRPioneer-Bold",Arial !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; padding: 14px 33px; margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 20px; } @media all and (min-width: 921px) and (max-width: 1040px) { .popumsg-module-content {height: auto;} .pm-popup-button {text-align: right; padding: 20px 0; width: auto; float: right; padding-right: 10px;} .popumsg-module-wrapper { float: left; width: 60%; left: 20%; right: 20%; } } @media all and (min-width: 1041px) and (max-width: 1280px) { .popumsg-module-content {height: auto;} .pm-popup-button {text-align: right; padding: 20px 0; width: auto%; float: right; padding-right: 10px;} .popumsg-module-wrapper { float: left; width: 60%; left: 20%; right: 20%; } } @media all and (min-width: 1281px) and (max-width: 1440px) { .popumsg-module-wrapper { float: left; width: 60%; left: 20%; right: 20%; } .popumsg-module-content {height: auto;} .pm-popup-button {text-align: right; padding: 20px 0; width: /*29%*/auto; float: right; padding-right: 10px;} } @media all and (min-width: 721px) and (max-width: 840px) { .popumsg-module-wrapper {width: 80%; left: 10%; right: 10%; top: 10%;} .pm-popup-button {text-align: right; padding: 20px 0; width: auto; float: right; padding-right: 10px;} .popumsg-module-content {height: auto;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { .popumsg-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .pm-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} .popumsg-module-content {overflow-y: scroll;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { .popumsg-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .popumsg-module-content {overflow-y: scroll; height: 290px; padding-right: 2%;} .pm-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} .popumsg-module-content {overflow-y: scroll;} } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation : portrait) { .popumsg-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .pm-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} .popumsg-module-content {overflow-y: scroll;} } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation : landscape) { .popumsg-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .popumsg-module-content {overflow-y: scroll; height: 290px; padding-right: 2%;} .pm-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} .popumsg-module-content {overflow-y: scroll;} } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : landscape) { .popumsg-module-content {height: 250px;} .pm-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} .popumsg-module-content {overflow-y: scroll;} } .pm-popup-button a { border: 2px solid #10069f; border-radius: 50px; background: linear-gradient(to right, #10069f 50%, transparent 0%); background-size: 200% 85%; background-position: right bottom; text-align: center; color: #10069f; font-family: "RRPioneer-Bold",Arial !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; display: inline-block; padding: 14px 33px; margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; white-space: nowrap; vertical-align: middle; text-transform: uppercase; } .disclaimer-module-overlay { background-color: rgba(0, 0, 0,0.8); display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99998; overflow-x: hidden; overflow-y: auto; position: fixed; } .disclaimer-module-content-button .ar-popup-button { text-align: right; padding: 20px 0; width: /*22%*/auto; float: right; padding-right: 1% !important; } .disclaimer-module-wrapper { float: left; width: 60%; left: 20%; right: 20%; position: fixed !important; top: 20%; z-index: 99999 !important; background-color: #f7f7f7; padding: 25px 5px 25px 25px; display: block; } .disclaimer-module-content-heading { font-family: RRPioneer-Bold, Arial; color: #1e3643; margin-bottom: 20px; font-size: 2.857em; line-height: 1.2; } .disclaimer-module-content { overflow-y: scroll; height: 500px; padding-right: 2%; } .disclaimer-module-content-text { color: #1e3643; font-size: 16px; line-height: 20.8px; } .ar-popup-button-not a { border: 2px solid #10069f; border-radius: 50px; background: linear-gradient(to right, #10069f 50%, transparent 0%); background-size: 200% 85%; background-position: right bottom; text-align: center; color: #10069f; font-family: "RRPioneer-Bold",Arial !important; webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; padding: 14px 33px; margin-bottom: 0; font-size: 16px; font-weight: 700; line-height: 20px; } @media all and (min-width: 921px) and (max-width: 1040px) { .disclaimer-module-content {height: 400px;} .ar-popup-button {text-align: right; padding: 20px 0; width: auto; float: right; padding-right: 10px;} } @media all and (min-width: 1041px) and (max-width: 1280px) { .disclaimer-module-content {height: 400px;} .ar-popup-button {text-align: right; padding: 20px 0; width: auto%; float: right; padding-right: 10px;} } @media all and (min-width: 1281px) and (max-width: 1440px) { .disclaimer-module-content {height: 400px;} .ar-popup-button {text-align: right; padding: 20px 0; width: /*29%*/auto; float: right; padding-right: 10px;} } @media all and (min-width: 721px) and (max-width: 840px) { .disclaimer-module-wrapper {width: 80%; left: 10%; right: 10%; top: 10%;} .ar-popup-button {text-align: right; padding: 20px 0; width: auto; float: right; padding-right: 10px;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { .disclaimer-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .ar-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { .disclaimer-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .disclaimer-module-content {overflow-y: scroll; height: 290px; padding-right: 2%;} .ar-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation : portrait) { .disclaimer-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .ar-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation : landscape) { .disclaimer-module-wrapper {float: left; width: 92%; left: 4%; right: 4%; top: 2%;} .disclaimer-module-content {overflow-y: scroll; height: 290px; padding-right: 2%;} .ar-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : landscape) { .disclaimer-module-content {height: 250px;} .ar-popup-button {text-align: center; padding: 10px 0; width: 100%; float: right; padding-right: 0;} } #digital-academy .updateChanges .pd-box-wrapper .pd-box-snapdown-click .pd-box-text .fw-para-text.mixlight{ font-size: 1.120em; line-height: 1.4em; } @media all and (min-width: 320px) and (max-width: 768px) { #digital-academy .updateChanges .pd-box-wrapper .pd-box-snapdown-click .pd-box-text .fw-para-text.mixlight{ font-size: 0.9em; line-height: 1.3; } } @media all and (min-width: 921px) and (max-width: 1040px) and (orientation : landscape) { #digital-academy .updateChanges .pd-box-wrapper .pd-box-snapdown-click .pd-box-text .fw-para-text.mixlight{ font-size: 0.9em; line-height: 1.3; } #digital-academy .updateChanges .pd-box-wrapper .pd-box-snapdown-click .pd-box-text { max-width: 210px !important; padding: 12px 12px 1px; } } @media (max-width: 1399px){ #digital-academy .updateChanges .pd-box-wrapper .pd-box-snapdown-click .pd-box-text { max-width: 300px; padding: 12px 12px 1px; } #annual-general-meeting-and-general-meeting #inner-agm-1st .pd-box-snapdown-content-right { width: 30%; } } #annual-general-meeting-and-general-meeting #inner-agm-1st .pd-box-snapdown-content-right { width: 30%; } #annual-general-meeting-and-general-meeting #inner-agm-1st .pd-box-snapdown-content-left { width: 70%; max-width: none; } @media all and (min-width: 320px) and (max-width: 1023px) { #annual-general-meeting-and-general-meeting #inner-agm-1st .pd-box-snapdown-content-right { width: 100%; } #annual-general-meeting-and-general-meeting #inner-agm-1st .pd-box-snapdown-content-left { width: 100%; } } .fw-downloads-sld .slick-track {min-height: 350px;} .fw-contact-cards-sld .fw-sld-wrapper .slick-arrow.slick-next{bottom: 0px;} .fw-contact-cards-sld .fw-sld-wrapper .slick-arrow.slick-prev{bottom: 0px;} .fw-contact-cards-sld .fw-sld-wrapper .slick-dots{bottom: 0px;} .five-signpost-wrapper { max-width: 350px; float: left; margin: 0 10px; position: relative; width: calc(25% - 22px); width: -webkit-calc(25% - 22px); height: 340px; background: #0b0466; } .five-signpost-wrapper a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .five-signposts .green-overlay { z-index: 1; position: absolute; width: 100%; height: 350px; background: #0b0466; display:none; } .five-signpost-wrapper .signpost-big-image { height: 100%; overflow: hidden; display: none; } .five-signpost-wrapper > a:hover .green-overlay{ background: #271EA8;} .green-overlay:hover{ background: #271EA8;} .five-signposts .signpost-wrapper.first-signpost-wrap a, .five-signposts .signpost-wrapper.third-signpost-wrap a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .five-signposts .hover-wrapper { z-index: 2; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -webkit-calc(100% - 100px); position: absolute; top: 30px; left: 30px; } .five-signposts .signpost-title.White { color: #fff; margin-top: 22px; } .five-signpost-wrapper .signpost-big-image img { width: 100%; max-width: inherit; height: auto; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; position: relative; top: -30%; } .five-signpost-wrapper:hover{background: #271EA8;} /* my style start */ .five-signpost-wrapper{ width: 100% !important; margin-bottom: 20px !important; } /* my style end */ @media all and (max-width:420px){ .five-signposts .five-signpost-wrapper{max-width:100%;width: 100%;margin-bottom:20px; float: none;margin-left:0;margin-right:0;} } @media all and (max-width:767px) and (min-width:421px){ .five-signposts .five-signpost-wrapper{width:100%;max-width: 440px; margin: 0 auto ;margin-bottom:20px; float: none;} } @media all and (min-width:768px) and (max-width:1024px) and (orientation : portrait) { .five-signpost-wrapper { max-width: 310px; float: left; margin: 10px 10px; position: relative; width: 100%; /* width: -webkit-calc(25% - 22px); */ height: 265px; } .five-signposts .green-overlay{height: 265px;} } @media all and (min-width: 921px) and (max-width: 1040px) and (orientation : landscape) { .five-signpost-wrapper { max-width: 270px !important; float: left; margin: 10px 10px; position: relative; width: 31%; /* width: -webkit-calc(25% - 22px); */ height: 340px; } .five-signposts .green-overlay{height: 265px;} } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation : portrait) { .five-signpost-wrapper { max-width: 270px; } } @media only screen and (min-width: 1025px) and (max-width: 1920px) { .five-signpost-wrapper {max-width: 350px; height: 340px;} .five-signposts .green-overlay{height: 350px;} .five-signposts .hover-wrapper {width: -webkit-calc(100% - 100px);} } @media all and (min-width: 1040px) and (max-width: 1280px){ .five-signpost-wrapper { max-width: 237px; float: left; margin: 0 10px; position: relative; width: calc(25% - 22px); width: -webkit-calc(20% - 20px); height: 250px; } .five-signposts .green-overlay{height: 250px;} .five-signposts .hover-wrapper { z-index: 2; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -webkit-calc(100% - 50px); position: absolute; top: 20px; left: 20px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){ .five-signpost-wrapper {max-width: 257px; height: 250px;} .five-signposts .green-overlay{height: 250px;} .five-signposts .hover-wrapper {width: -webkit-calc(100% - 40px);} } body#shareholder-information .pd-box-snapdown-click > img {margin: 0;} @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { .five-signpost-wrapper { max-width: 329px !important;} } /*---- z-about-us-new-----*/ .bod-tabs-leadership ul li::before {background: #fff;content: "";height: 100%; left: 0;position: absolute;top: 0;width: 2px;} .bod-tabs-leadership ul li:first-child:before{width:0px;} .bod-tabs-leadership ul li:first-child {margin-left: 0;} .bod-tabs-leadership ul{display: flex;justify-content: space-evenly;} .bod-tabs-leadership ul li { background: #fff; color: #fff;float: left; position: relative;text-transform: uppercase;list-style-type: none; text-align: center;margin-bottom: 20px; vertical-align: middle; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; /* width: auto !important;*/} .bod-tabs-leadership{display:block !important;} .bod-tabs-leadership ul li a{font-size: 1.500em;line-height: 1.2;font-weight: 400;padding: 33px 10px;display: block;text-align: center;color: #10069f;text-decoration: none;border-bottom: 2px solid #c8c7cc;overflow: hidden;text-transform: none;} .bod-tabs-leadership ul li:not(.current):hover a {color: #006dff;} .bod-tabs-leadership ul li.current::after {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fa4692;bottom: -9px;content: "";left: 50%; margin-left: -10px;position: absolute;} .bod-tabs-leadership ul li:hover a, .bod-tabs-leadership ul li.current a {background: #fff;color:#fa4692} .bod-tabs-leadership ul li a:before{content: '';width: 0;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);transition: all 0.6s;display:block !important;} .bod-tabs-leadership ul li:not(.current):hover a:before {width: 100%;margin-left: 2px;background-color: #006dff; } .bod-tabs-leadership li.current a:before {width: 100%;margin-left: 2px;background-color: #fa4692; } .bod-tabs-leadership ul li.current a{pointer-events: none;cursor: default;} .bod-tabs-leadership ul li { width: 100%;} .fw-about-section-ttl{margin: 29px auto;max-width: 1170px;} .bodWrapper.desktop{max-width: 1170px; margin: 0 auto;} .bodWrapper{padding-bottom: 70px;} .bod-item.active{background-color: #006dff; color: #fff;-webkit-box-shadow: -3px 30px 51px 2px rgba(0,0,0,0.25);position: relative;-moz-box-shadow: -3px 30px 51px 2px rgba(0,0,0,0.25); box-shadow:-3px 30px 51px 2px rgba(0,0,0,0.25);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .people-info {color:#4e5d65;padding: 25px 20px 20px; display: block;float: left;width: 100%;} .bod-inner{padding-left: 15px;padding-right: 15px;overflow: visible;z-index: 101;} .bod-item{border: 1px solid #e2e2e2;} .people-image {/*background-color: #f7f7f7;*/overflow:hidden;} .bod-group {margin-left: -15px;margin-right: -15px;} .fullBodDetails {display:none; padding-left: 15px;padding-right: 15px;margin-top: -30px;margin-bottom: 30px;} .bod-item {border: 1px solid #e2e2e2;display: block;float: left;width: 100%;margin-bottom: 30px;cursor: pointer;position:relative;} .bod-item.inactive:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.5);z-index: 9999;} .active .people-info {background-color: #006dff;color: #fff;float: left;width: 100%;/*padding:50px 20px 45px;margin-top: -49px;*/height: auto !important;z-index: 100;position: absolute;} .people-info{position:relative;} .people-info:after {background: #006dff;bottom: 0;content: ""; left: 0;position: absolute;right: 0;top: 0;transform: scaleY(0);-moz-transform: scaleY(0);-webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0;-webkit-transform-origin: 50% 100% 0;-o-transform-origin: 50% 100% 0; -ms-transform-origin: 50% 100% 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s;transition-property: transform;-moz-transition-property: transform;-webkit-transition-property: transform;-o-transition-property: transform;-ms-transition-property: transform;transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;z-index: 101;} .bod-item:not(.active):hover .people-info:after {-moz-transform: scaleY(1);-webkit-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);} .bod-name{font-size:2em;line-height:1.2em;padding-bottom: 0px;position:relative;z-index:1000;transition:color 0.3s;-ms-transition:color 0.3s;-webkit-transition:color 0.3s} .bod-position{font-size:1.286em;line-height:1.5em;padding-bottom: 0px;position:relative;z-index:1000;transition:color 0.3s;-ms-transition:color 0.3s;-webkit-transition:color 0.3s} .bod-item:not(.active):hover .bod-name,.bod-item:not(.active):hover .bod-position{color:#fff;} .people-image img{transition:transform 0.3s;-ms-transition:transform 0.3s;-webkit-transition:transform 0.3s} .fw-tabbed-two-col .tab-list.bod-tabs-leadership{margin-bottom: 30px;} .active .people-image, .active .people-image img{z-index:9} .fullbod-wrapper {background-color: #f7f7f7;padding: 110px;} .bod-group.active-group .bod-item:not(.active) {opacity: 0.3;} .close-desc{position:absolute;top:70px;right:70px;width: 35px; cursor:pointer;height: 35px;} .close-desc::after {background-color: #b2b2b1;height: 35px; width: 2px; content: ""; display: block;transform: rotate(45deg);right: 17px;position: absolute;} .close-desc::before {background-color: #b2b2b1;height: 35px;width: 2px;content: ""; display: block;transform: rotate(135deg);top: 0px;position: absolute;right: 17px;} .fullbod-wrapper p {font-size: 1.286em;color: #4e5d65;padding-bottom: 30px;line-height:1.556em;} .fullbod-wrapper p.bod-name{color:#1e3643;font-size:2.571em;line-height:1.2em;padding-bottom: 0px;} .fullbod-wrapper p.bod-position{font-size:1.429em;padding-bottom: 25px;} /*--------------Event Cal CSS Starts -----------------------------*/ .full-width-event-cal-wrapper .full-width-event-wrapper{max-width: 1170px;margin: 0 auto;} .full-width-event-cal-wrapper h1{margin: 80px auto;max-width: 1170px;text-align: center;} .full-width-event-cal-wrapper .event-header{color: #4e5d65;background:none;padding: 0px 20px;border-bottom: 0px solid #e5e5e5;font-size: 1.286em;} .full-width-event-cal-wrapper .snap-head {background: none;cursor: pointer;padding:24px 20px 20px;border-top: 1px solid #e5e5e5;position:relative;} .full-width-event-cal-wrapper .event-title {color: #10069f;line-height: 1.66em; padding: 0px;} .full-width-event-cal-wrapper .l-country,.full-width-event-cal-wrapper .event-country {width: 18%;color: #4e5d65;} .full-width-event-cal-wrapper .l-date, .full-width-event-cal-wrapper .event-date {width: 18% !important;} .full-width-event-cal-wrapper .l-event,.full-width-event-cal-wrapper .event-title {width: 64% !important;padding-right: 15px;} .full-width-event-cal-wrapper .snap-content p{font-size:1.143em;line-height:1.5em;} .full-width-event-cal-wrapper .snap-content{padding:0 20px 20px} .full-width-event-cal-wrapper .snap-content tbody td, tbody th{font-size:1.143em;font-family: "Helvetica LT W01 Roman", Arial;line-height:1.5em; background:none;border:0px;padding:0px 10px 0px 0px;} .full-width-event-cal-wrapper .snap-content a{color:#10069f} .full-width-event-cal-wrapper .snap-content a:hover{color:#006dff} .event-snap-icon{position:absolute;right:23px;color:#1cafd3;top:30px;transition: all 0.2s;} .open .event-snap-icon:before{transform: rotate(270deg);-ms-transform: rotate(270deg);top:29px;} /*.full-width-event-cal-wrapper .snap-content tbody td:first-child{padding-left:0px;}*/ .fullbod-wrapper ul li {list-style: inside;padding-bottom: 10px;font-size: 1.286em;color: #4e5d65;line-height: 1.556em;} .nojs .fullbod-wrapper{padding: 15px;} .nojs .bod-details.hide {display: block;} .nojs .close-desc { display: none;} .no-image .home-banner-fw-inner {min-height: 50px;} .full-width-event-cal-wrapper .snap-content tbody td:first-child {width: 100px;} @media all and (min-width: 1400px){ .font50.fw-about-section-ttl {font-size:4.286em;line-height:1em;} .fullbod-wrapper p.bod-name{font-size:2.857em;line-height:1.2em;} .bod-name{font-size:2.143em;line-height:1.2em;} .fullbod-wrapper p.bod-position{font-size:1.714em;} } @media all and (max-width: 1399px){ .leadership-catergory-wrapper {padding: 0 30px;} h1.fw-about-section-ttl,.full-width-event-cal-wrapper h1{font-size: 3.571em;} .font16 {font-size: 1em;} .fullBodDetails,.bod-item{margin-bottom: 30px;} .bodWrapper {padding-bottom: 50px;} } @media all and (max-width: 1199px){ .full-width-event-cal-wrapper { padding-left: 15px; padding-right: 15px; } } @media all and (max-width: 992px){ .full-width-event-cal-wrapper .event-date{padding-left:0px;} .insights-mobi-filter-active .full-width-event-cal-wrapper .insights-filter-title{margin-top:20px;} .full-width-event-cal-wrapper .l-event, .full-width-event-cal-wrapper .event-title {width: 100% !important;} .full-width-event-cal-wrapper .event-header{display: none;} .full-width-event-cal-wrapper .event-title{padding-right: 25px;} /* Insights Filter Start */ .full-width-event-cal-wrapper .insights-filter-title { margin: 40px 0px 0; z-index: 111;} .full-width-event-cal-wrapper .insights-filter-inner.font16 { background: none;} .full-width-event-cal-wrapper .filter-tab-content{ padding: 0;} .full-width-event-cal-wrapper .filter-tab-content.active{border-top:none; text-align: left; margin-top: 0;} .full-width-event-cal-wrapper .filter-tab-content ul { width: 100%;} .full-width-event-cal-wrapper .insights-filter-inner li { display: inline-block; margin: 0; width: 49%;} .full-width-event-cal-wrapper .insights-filter-inner ul li a{display: block; padding: 10px; text-align: left; width: 96%; border-left:none; border-top:none; border-right:none;} .full-width-event-cal-wrapper .filter-click li:first-child:before{border-left:none;} .full-width-event-cal-wrapper .insights-filter-mobi-info{display:block;} .full-width-event-cal-wrapper .insights-filter-wrap { text-align: left;} .full-width-event-cal-wrapper .insights-filter-wrap > span { display: block;} .full-width-event-cal-wrapper .filter-ttl{display:none;} .full-width-event-cal-wrapper .filter-ttl-mobi{display:block;} .full-width-event-cal-wrapper .filter-ttl-mobi:focus{border: 1px solid #cad9e8;} .full-width-event-cal-wrapper .filter-click { display: block; width: 100%;} .full-width-event-cal-wrapper .filter-click li:first-child{border-top: 1px solid rgba(16, 6, 159,0.6);} .full-width-event-cal-wrapper .filter-click li{border:none; border-bottom: 1px solid rgba(16, 6, 159,0.6); display: block; float: none;} .full-width-event-cal-wrapper .filter-click li a:after { border: medium none; content: "\eee3"; font-family: "icomoon" !important; font-size: 1.4em; margin-top: -14px; position: absolute; right: 10px; top: 50%;} .full-width-event-cal-wrapper .filter-click li:hover a:after { border: medium none;} .full-width-event-cal-wrapper .filter-click li:hover{border-top:none; border-right:none;} .full-width-event-cal-wrapper .filter-click li:first-child:hover { border-top: 1px solid #93afbb;} .full-width-event-cal-wrapper .filter-click{display:none;} .full-width-event-cal-wrapper .clearfilter { position: absolute; right: 0; top: 0; z-index: 10;} .full-width-event-cal-wrapper .insights-filter-mobi-info{height: 50px;} .full-width-event-cal-wrapper .insights-filter-inner ul li:nth-child(2) a,.full-width-event-cal-wrapper .insights-filter-inner ul li:first-child a{ border-top: 1px solid rgba(16, 6, 159,0.6);} .full-width-event-cal-wrapper .insights-filter-inner ul.month-filter li:nth-child(2) a,.full-width-event-cal-wrapper .insights-filter-inner ul.month-filter li:first-child a { border-top: medium none;} @-webkit-keyframes fadeEffect { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=1); } } @keyframes fadeEffect { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=1); } } .full-width-event-cal-wrapper .filter-tab-content.active{animation: fadeEffect 1s; -webkit-animation: fadeEffect 1s; -moz-animation: fadeEffect 1s; -ms-animation: fadeEffect 1s; -o-animation: fadeEffect 1s;} .full-width-event-cal-wrapper .insights-filter-inner ul li a{color: rgba(16, 6, 159,0.6);} .full-width-event-cal-wrapper .insights-filter-inner ul li a.selected{color: #336da6; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;} .full-width-event-cal-wrapper .insights-mobi-filter-active .insights-after-select-total{display:none;} .full-width-event-cal-wrapper .insights-filter-inner-total ul { display: inline;} .full-width-event-cal-wrapper .insights-filter-inner ul li a{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .full-width-event-cal-wrapper .insights-after-select-total { margin-top: 20px;} .full-width-event-cal-wrapper .insights-mid-fw-inner { margin-top: 30px;} /* Insights Filter End */ .full-width-event-cal-wrapper .snap-head{padding:12px 20px 3px;} .insights-mobi-filter-active .header-outer.nav-down {z-index: 9999;} .cal-landing-page{z-index:10;} .insights-mobi-filter-active .full-width-event-cal-wrapper h1{display:none;} .fullBodDetails,.bod-item{margin-bottom: 30px;} .bodWrapper {padding-bottom: 30px;} } @media all and (max-width: 767px){ h1.fw-about-section-ttl,.full-width-event-cal-wrapper h1{ font-size: 2.429em; line-height: 1;} .font50.fw-about-section-ttl, .full-width-event-cal-wrapper h1 {font-size:2.429em;line-height:1em;} .fullbod-wrapper p.bod-name{font-size:2.143em;line-height:1.2em;} .bod-name{font-size:1.571em;line-height:1.2em;} .bod-tabs-leadership .mobi-tabs-menu::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #fff; content: "";margin-left: -16px; position: absolute;right: 20px;top: 50%; margin-top: -5px;} .bod-tabs-leadership .mobi-tabs-menu {background: #009ec5;color: #fff; cursor: pointer; display: block; padding: 10px 20px; padding: 10px 45px 10px 25px; position: relative; text-transform: uppercase;} .bod-tabs-leadership ul{display:none;} .leadership-catergory-wrapper {padding: 0 15px;} .bod-tabs-leadership .mobi-tabs-menu.active::before {border-bottom: 10px solid #fff;border-top: 0 none;} .bod-tabs-leadership ul li.current {display: none;} .bod-tabs-leadership ul li {width:100%;padding: 5px 5px;} .bod-tabs-leadership ul li a { padding: 5px 20px; text-align: left;} .bod-tabs-leadership ul li::before{width:0px;} .full-width-event-cal-wrapper h1{margin-top:10px;margin-bottom:30px;} .full-width-event-cal-wrapper{margin-top:50px;} .insights-filter-title { margin: 40px 15px 0; } .fullBodDetails,.bod-item{margin-bottom: 30px;} .bodWrapper {padding-bottom: 20px;} } @media all and (max-width: 640px){ .bod-group .bod-inner{width:100%;} .fullbod-wrapper {padding: 70px 20px 30px;} .close-desc{top:20px;right:30px;} } @media all and (max-width:991px) and (min-width:641px){ .fullbod-wrapper {background-color: #f7f7f7;padding: 80px 50px;} .close-desc{top:35px;right:40px;} } @media all and (max-width: 540px){ .full-width-event-cal-wrapper .l-date, .full-width-event-cal-wrapper .event-date{width: 50% !important;} } @media all and (max-width:767px){ .full-width-event-cal-wrapper .insights-mid-fw{padding-left:0;padding-right:0;} .full-width-event-cal-wrapper .insights-filter-inner ul li a{color: rgba(16, 6, 159,0.6);} .full-width-event-cal-wrapper .filter-click li{border-bottom:1px solid rgba(16, 6, 159,0.5);} .full-width-event-cal-wrapper .filter-click li:first-child,.full-width-event-cal-wrapper .insights-filter-inner ul li:nth-child(2) a, .full-width-event-cal-wrapper .insights-filter-inner ul li:first-child a{border-top:1px solid rgba(16, 6, 159,0.5);} .full-width-event-cal-wrapper .filter-click li:first-child:hover{border-top:1px solid rgba(16, 6, 159,0.5);} .full-width-event-cal-wrapper .mobi-Filter-Done a{padding:5px 20px;font-size: 1.286em;} .insights-mobi-filter-active .full-width-event-cal-wrapper{margin-top:40px;padding:0px;} .insights-mobi-filter-active .full-width-event-cal-wrapper .insights-filter-title{margin-top:0px;margin-left:15px;margin-right:15px;} .full-width-event-cal-wrapper .insights-filter-title{margin-left:0px;margin-right:0px;} .insights-mobi-filter-active #mobfilter .insights-filter-main{ padding-bottom: 80px; min-height: 160px;} /*.insights-mobi-filter-active .mobi-Filter-Done{bottom:0px;}*/ .insights-mobi-filter-active .full-width-event-cal-wrapper .insights-filter-title{min-height:235px;} } @media all and (max-width:991px) and (min-width:768px){ .bod-inner{width:50%;} div#bodWrapper {width: 83.33333333%;margin-left: 8.33333333%;} .full-width-event-cal-wrapper { padding-left: 30px; padding-right: 30px; } .people-info{justify-content: center; align-content: center; flex-direction: column;display: flex;} } @media all and (max-width:767px) and (max-height:420px){ .insights-mobi-filter-active .full-width-event-cal-wrapper .mobi-Filter-Done{bottom:-20px;} } @media all and (max-height:320px){ .insights-mobi-filter-active .full-width-event-cal-wrapper .mobi-Filter-Done{bottom:0px;} } /*---- alert-module-----*/ .fw-module-alert-service {height: auto;width: 100%;color: #fff;} .fw-module-alert-service .mw1170ma {background: #10069f;padding: 43px 55px;} .alert-module-fullwidth {color: #fff;} .fw-module-alert-service .alert-icon {float: left;width: 20%;margin-top: 15px;} .fw-module-alert-service .alert-icon .icon-rss {height: 75px; width: 75px;border: 3px solid #fd4192;display: inline-block;position: relative; border-radius: 50%;} .fw-module-alert-service .alert-icon .icon-rss:before {content: "\eee9";position: absolute;left: 50%;font-size: 36px; margin-left: -18px;top: 50%;margin-top: -22px;} .fw-module-alert-service .alert-content {float: left;width: 80%;} .fw-module-alert-service .alert-content h3 {color: #fff;font-family: RRPioneer-Medium, Arial !important;font-size: 30px;line-height: 36px;} .fw-module-alert-service .alert-link {text-align: right;margin-top: 20px;} .fw-module-alert-service .alert-link a {color: #fff;text-decoration: none;padding: 25px 75px;display: inline-block;border: 2px solid #fff;text-transform: uppercase;line-height: 1;transition:all 0.5s ease} .fw-module-full-width-external-web-content > div {line-height:1px} .fw-module-alert-service .alert-link a:hover{color:#10069f;} body#ultrafan #inner-full-width-external-web-content iframe.responsive-frame {height:600px} /********************************************** * * Alert Service Iframe Margin css Start * **********************************************/ .fw-module-full-width-external-web-content.margin-bottom-zero {margin-bottom:0 !important} .fw-module-full-width-external-web-content { margin-bottom: 100px; } .static-module-alert-service-wrap {background: #fff; padding: 35px 0 70px;} @media all and (min-width: 1025px) and (max-width: 1403px) { .fw-module-full-width-external-web-content { margin-bottom: 70px; } } @media all and (min-width: 768px) and (max-width: 1024px) { .fw-module-full-width-external-web-content { margin-bottom: 50px; } .fw-module-alert-service .mw1170ma {padding:43px 45px !important} } @media all and (max-width: 767px) { .fw-module-full-width-external-web-content { margin-bottom: 40px; } body#ultrafan #inner-full-width-external-web-content iframe.responsive-frame {height:320px} } /* Alert Service Iframe Margin css End */ @media all and (min-width: 1025px) and (max-width: 1403px) { .fw-module-alert-service .alert-content h3 {font-size: 24px;line-height: 33.6px;} } @media all and (min-width: 768px) and (max-width: 1024px) { .fw-module-alert-service .alert-content h3 {font-size: 24px;line-height: 33.6px;} .fw-module-alert-service .alert-icon {width: 30%;} .fw-module-alert-service .alert-content {width: 70%;} .fw-module-alert-service .alert-link a {display: block;padding: 15px;text-align: center;} } @media all and (max-width: 767px) { .fw-module-alert-service { padding-right: 15px; padding-left: 15px; } .fw-module-alert-service .alert-icon { float: none; width: auto; display: block; } .fw-module-alert-service .alert-icon .icon-rss {display: block;margin: 0 auto;} .fw-module-alert-service .alert-icon img {margin: 0 auto;display: block;} .fw-module-alert-service .alert-content { float: none; width: auto; } .fw-module-alert-service .alert-link {text-align:center} .fw-module-alert-service .alert-link a { padding: 15px 50px; text-align: center; display: inline-block; } .fw-module-alert-service .alert-content p,.fw-module-alert-service .alert-content h3 {text-align: center;} .fw-module-alert-service .alert-content h3 {font-size: 22px;line-height: 26.4px;} } /*---- media-queries-----*/ /*@media (min-height: 700px) { .seasons-getting-main-page-content { padding: 0px 2% 5px } } @media (max-height: 700px) { .seasons-getting-main-page-content { padding: 0px 280px 5px } } */ .seasons-getting-main-page-content { padding: 0px 20% 5px } @media only screen and (max-width: 992px) and (orientation: landscape) { .seasons-getting-main-page-content { padding: 0px 30% 5px } } @media (min-width: 1024px){ #resources .updateChanges .pd-box-text { max-width: 265px !important; } #resources .pd-box-snapdown-click { min-height: 187px; } #resources .updateChanges .pd-box-wrapper.clearfix { margin-bottom: 15px; } } @media (min-width: 1050px) and (max-width: 1080px) and (orientation:landscape){ #resources .updateChanges .pd-box-text { max-width: 235px !important; } } @media (min-width: 1023px) and (max-width: 1049px){ #resources .updateChanges .pd-box-text { max-width: 218px !important; } .pd-box-snapdown-click > img { float: left; max-width: 165px; } } #resources .updateChanges .pd-box-wrapper.clearfix { margin-bottom: 15px; } /* Samsung portrait mode: */ @media all and (min-width: 321px) and (max-width: 420px) { #Homepage .section1-text-middle-bottom-aligned { top: 5% !important; } #Homepage .section1-box1 h2.box-title { font-size: 2.2em !important; } } @media all and (min-width:1280px){ #sustainability .customer-banner-title{font-size:3.429em;line-height:1em; font-family: 'TheMix-light';} body#civil-aerospace.ip3-contact-us .home-banner-fw-inner {min-height: 0px;} } /*Samsung landscape mode: */ @media all and (min-width: 521px) and (max-width: 640px) { #Homepage .section1-text-middle-bottom-aligned { top: 50%!important; } } /*--------- iPad Landscape and Desktops ---------*/ @media all and (min-width: 801px) and (max-width: 990px) { #topnavigation ul li{padding: 11px 7px 0px;} #search-keyword {width: 69%;} #sustainability .customer-banner-title{font-size:3.429em;line-height:1em; font-family: 'TheMix-light';} } @media all and (min-width: 320px) and (max-width: 639px) { .widget-small-inner {bottom:20px} .country-snapdown-title-container {padding:10px 20px} body#worldwide-presence .country-snapdown-title-container .country-snapdown-title {padding:3px 0 0 30px} body#worldwide-presence .country-snapdown-title-container .country-snapdown-right {width:100%;margin:15px 0 20px; float:left; padding:0 16px 0 0} body#worldwide-presence .country-snapdown-title-container .snapdown-email {float:left; margin:8px 5px 10px 30px; padding:5px 10px; clear:both;} body#worldwide-presence .country-snapdown-title-container .snapdown-telephone {background-position: 0 5px;float:left; padding:5px 5px 0 30px; clear:both} } @media all and (min-width: 640px) and (max-width: 551px) { .widget-small-inner {bottom:55px} } /*Samsung portrait mode:*/ @media all and (min-width: 321px) and (max-width: 420px) { #alphabet-category .alphabet-filter {width:30px!important;} } @media (min-width: 320px) { .widget-small-inner {width:60%} } @media (max-width: 768px) { p.widget-img {text-align:right} .alphabet-filter-text {width:100%!important} #alphabet-category .alphabet-filter {padding:5px 0; width:45px; margin:0 5px 10px 2px} #search-results #searchContainerRP { float: left; width: 100%; } #search-results #searchFilter{ float: left; clear: right; width: 100%; } #search-results #resuleMsg{ float: left; width: 100%; } } @media all and (min-width: 641px) and (max-width: 768px) { .widget-small-inner {bottom:80px} } /*--------- iPad Portrait and large Tablets Portrait ---------*/ @media all and (min-width: 801px) and (max-width: 900px) { .visible-tablet{display:block !important;} .visible-mobile{display:none !important;} .filter-wraper .dropdown-wrap {width: 100%;} } @media (max-width: 800px) { .visible-desktop{display:none !important;} .customers-menu{display:none;} .mob-menu,.mob-menu-wrap>ul{display:block;} .mob-menu-wrap{display:none;} #topnavigation{display:none;} .mob-menu{font-size:1.286em;line-height:1.2em;background-position:right bottom; padding-right:25px;color:#004d91;cursor:pointer;margin-top:35px;text-decoration:none;text-align:right;} .mob-menu:hover{text-decoration:none;color:#004d91;} .mm-opened .mob-menu,.mm-opening .mob-menu{background-position:right -248px;} .logo-inner{padding-top:13px;} #toplinks{display:none} .share-ticker-container {float: none;width: 100%;border: 1px solid #bbcfe3;border-width: 1px 0;margin-bottom: 30px;padding:5px 0;} #sharepricetickertopXmlContainer .sharepricemain { background-color:#e5ecf5; } #sharepricetickertopXmlContainer .sharepriceimgsrc { float: right; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 8px; } #sharepricetickertopXmlContainer .sharepriceval{ float: left; font-size: 18px; line-height: 30px; color: #768d99; } #sharepricetickertopXmlContainer .sharepricechngecolor-red { color: #d66 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } #sharepricetickertopXmlContainer .sharepricechngecolor-green { color: #73A373 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } .mob-share-txt{padding: 5px 0 8px;} #msearchbox {background: #eeefef;margin:3px 0;} #msearchcontainer{clear:both; float:right; height:35px; margin:10px 0 0; overflow:hidden;} #msearchTetboxCoxntainer{float:left;} #msearchTextboxContainer input{width:90%; height:35px;border:0;background:#ffffff;padding:5px;color: #5e5e5e;float:left;} #mSearchButtonContainer{float:left;width:10%} #mSearchButtonContainer input{height:35px; width:100%;text-indent:-999999px;overflow:hidden;border:0;background:url(/~/media/Images/R/Rolls-Royce/css/search.png) no-repeat center #ffffff;} #mheaderlinks,.share-ticker-container {margin-top: 25px;text-align: left;color: #004d91;} #mheaderlinks a,#mheaderlinks a:hover{text-decoration:none;} .mm-list li.mmenu-section-head {color: #758d9a;padding: 15px 10px 15px 20px;text-transform: uppercase;} .mm-list li.mmenu-section-head:hover{color: #758d9a;background:transparent;} .country-text{display:inline-block;text-decoration:none;padding:5px;} .country-text:hover{text-decoration:none;color: #004d91;} #bannerwrapper img,.landing-page-item-image img{width:100%;height:auto;} #bannerwrapper .banner-text, #bannerwrapper .bottom-banner-text{padding: 18px 10px 19px;} /*---------- Header ends -----------*/ /*---------- Homepage starts -------------*/ .section3{padding: 54px 4%;} .pr-link,.quote{width:80%;} .section4-content{padding: 0 4%;} body#Homepage .section4-content{padding-top:4% !important; padding-right:0% !important; padding-left:0% !important ;} .animate-image img{left:0px; width:150%;} /*---------- Homepage ends -------------*/ /*---------- Two Col Starts -------------*/ .twocolright{width:100%;} .page-content{padding:15px 10px 5px;} .snapdown-content{padding: 0px 10px 20px;} .snapdown-title-container{padding: 21px 10px;} .filter-wraper{padding-left:4px; padding-right:4px;} .pr-item, .notestoeditors-container, .board-item-title-container, .board-header,.left-signpost-wrapper,.sitesearchpagination,.signpost-item-title, .signpost-item-bottom-container, .landing-page-item-title, .landing-page-item-bottom-container,.related-link-content,.landing-page-item-image.side-pad,.job-item,.kpi-caption,.kpi-landing-content{padding-left:10px; padding-right:10px;} .section-header-inner,#breadcrumb{padding-left:16px} .l-s-ticker-wrap{margin:-12px -10px -15px;padding: 0 0px;} .searchresultpage tbody td{padding-left:10px;} #_cookieConsentWrapper .cWrap{padding:10px 5px !important;} /*---------- Two Col Ends -------------*/ /*---------- Board Ends -------------*/ .board-item-image img,.landing-box img,.board-image img{width:100%;height:auto;} /*---------- Board Starts -------------*/ .research-university-center-content,.research-dropdown-container{width:100%;} .dropdown-institute-university,.quick-find{position:relative;} .research-dropdown-container{margin:10px 0px 0px;} .quick-find,.dropdown-institute-university{width:100%;position:relative;float:left;} /*---------- Customer Landing Starts -------------*/ .customer-content-container{margin-top:0px;} .customer-banner-overlay{display:none;} .customer-content-container .bx-controls-direction{right:10px;} .customer-content-container .bx-pager{left:10px;} .top-bttns{float: none !important;padding: 5px 0 9px;} /*---------- Customer Landing Ends -------------*/ /*---------- Careers Landing Starts -------------*/ .search-selectors select{min-width: 25%;max-width: 25%;} .search-selectors #countries {margin: 0 75% 10px 0;} .search-container{background-position: right 50%;} .l-career-filter-wrap {margin: -14px 0 14px;} .list-type-wrap{text-align: right;} .select-boxes {padding: 0px 0 0 5px;display: inline-block;} .list-label{display: inline-block;float: left;} .bottom-bttns{padding-bottom:9px;} .page-content.career-head {padding: 11px 10px 1px;} /*---------- Careers Landing Ends -------------*/ /*---------- Trend XWB starts ------------*/ .mob-breakpoint {clear: both;display:block;} .breakdown-point{cursor:default;} .mob-breakpoint .breakdown-point-marker{display: inline-block;position: static;} .mob-breakpoint .breakdown-point-info-slate, .mob-breakpoint .breakdown-detail {display: inline-block;position: static;} /*---------- Trend XWB starts ------------*/ } @media all and (min-width: 641px) and (max-width: 800px) { .left-signpost-wrap{margin-top:-14px;} } /*--------- All Small Tablets and Large Phones Global CSS ---------*/ @media (max-width: 767px) { html {-webkit-text-size-adjust: none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} .visible-tablet,.desktop-view{display:none !important;} .visible-mobile,.mobile-view{display:block !important;} body#Homepage .home-insight .slide-item>a>img { width: 100%; } h1{font-size: 1.429em;} .MainWrapperInner{padding: 0px 10px;} /*---------- Footer starts -------------*/ #footerwrapper{padding-top:0;} .siteservices-links{width:100%;} .siteservices-links ul{float:none;padding:0;border: 1px solid #91a4ad;border-width: 1px 0;margin: 9px 0 25px;} .siteservices-links ul li{float:none;padding:0;width: 100%;padding: 10px 0;border:0;} .footer-header{font-size:1.286em;} .social-text{display:none;} .col3 .footer-content ul li{float:left;width:auto;} .footer-content ul{float: left;width: 100%;} .f-column{clear:both;} .footer-snap-head{cursor: pointer;padding-right: 30px;position: relative;} .footer-snap-head:after{content: '\e601';font-family: icons;position: absolute;right: 0;top: 0;width: 22px;} .footer-snap-head.open:after{content:'\e602';} .col1 .footer-content{display:none;float: left;width: 100%;} /*---------- Footer ends-------------*/ /*---------- Homepage starts -------------*/ .section1-box1-container{top: 8%;} .section1-title{padding: 11px 10px 11px;} .box-head{padding: 27px 10px;} .section2-box{width:100%;} .section3{padding: 54px 2%;} .section4-content{padding: 0 2%;} body#Homepage .section4-content{padding: 0% !important; padding-top:27px !important; } .box-title {font-size: 2.571em;} .box-content,.box-sub-title{font-size:1.286em;} .box-sm-content,.pr-link,.quote{font-size:1.071em;} .white-arrow,.grey-arrow{background-position:100% 2px;} .section2-box>a>img{width:100%;} /*---------- Homepage ends -------------*/ /*---------- Pagination starts -------------*/ #contentwrapper .sitesearchpagination ul li.pagination-text{width:100%; margin:0 0 7px;} #contentwrapper .sitesearchpagination ul li a img{height:auto; width:19px;} #contentwrapper .sitesearchpagination ul li.pagerlink a, #contentwrapper .sitesearchpagination ul li.pagerlink.currentpagerlink{padding:0 5px;} #contentwrapper .sitesearchpagination ul li.pagination-dots > span{padding:0 3px;} #contentwrapper .sitesearchpagination ul li{margin:0 3px 4px 0;} /*---------- Pagination ends -------------*/ /*---------- Events Calender starts -------------*/ .event-header{display:none;} .event-filter .country,.event-filter .location{width:100%;margin:10px 0 10px;} .event-filter .year{width: 80%;margin:10px 20px 10px 0;} .event-search {margin: 10px 0;} .event-title{width:100%;} .event-date{width:40%;} .event-country{width:60%;text-align:right;} /*---------- Events Calender ends -------------*/ /*---------- Snapdown inside Tabs starts ------------*/ .snapdown-content .page-content{padding:0;} .snapdown-content .snapdown-title-container,.snapdown-content .snapdown-title {padding: 0;} .snapdown-content .snapdown-right {display: none;} .snapdown-content .snapdown-content {display: block !important;padding: 10px 0 0;clear: both;overflow:visible !important;} .snapdown-content .snapdown-item{border-bottom: 2px solid #b8d3e5;margin: 0 0 15px 0;} .snapdown-content .snapdown-item:last-child{border:0;} /*---------- Snapdown inside Tabs ends ------------*/ .snapdown-title-container .snapdown-right{width:5px;right: 10px; text-indent:-9999px;} .snapdown-title{padding-right:20px;} .customer-banner-title{font-size:4em;line-height:1.2em;} #sustainability .customer-banner-title{font-size:3.429em;line-height:1.2em; font-family: 'TheMix-light';} /*---------- Careers Landing Starts -------------*/ .search-selectors select{min-width: 70%;max-width: 70%;display:block;} .search-selectors #countries {min-width: 70%;} .search-container{background-position: right 50%;} .bottom-bttns{float:none;} .static-tabs{display:none;} .static-tab-wrap .snapdown-title-container{display:block;} .static-tab-wrap .snapdown-item{margin-bottom: 7px;} .static-tab-wrap .snapdown-content{padding:0 10px 20px;} .linkedIn-wrapper{background-image:none;} .linkedin-connect {padding-right: 0;} /*---------- Careers Landing Ends -------------*/ /*---------- Contact Us starts -------------*/ .rrform-Container input{width:80%;} .rrform-Container div[id*="Label"]{float:left; width:100%; margin:0 0 1em;} .rrform-Container div[id*="Textbox"]{float:left; width:100%; margin:0 0 1em;} .rrform-Container textarea#wfcommentsTextarea{ width:80%;max-width:80%;} /*---------- Contact Us ends -------------*/ /*---------- KPI starts ----------------*/ #contentwrapper ul.kpi-nav{position:fixed;bottom:0;left:0;width:100%;margin:0;box-shadow: 0px -5px 16px #96acbb;z-index:99;} #contentwrapper ul.kpi-nav li{border:0;} #contentwrapper ul.kpi-nav li:after{box-shadow: 0px -5px 16px #96acbb;top:-7px;} #contentwrapper ul.kpi-nav li a{padding: 10px 5px;line-height: 1.1em;} .blue-bttn{margin: 0 0px 10px 10px;display: inline-block;float: none;} .kpi-image-bar {margin-bottom: 30px;} .kpi-image-bar img {width: 100%;} .kpi-table{display:block;} .progress-txt{display:block;} .progress-txt {padding: 57px 0 0 165px;height: 185px;width:100%;} .assurance{text-align:left;overflow:hidden;width:100%;height: 80px;display: table;} .better-business-no, .better-business-yes, .better-future-yes, .better-future-no, .better-power-yes, .better-power-no {padding-left: 150px;display: table-cell;vertical-align: middle;} .better-business-no:after, .better-business-yes:after, .better-future-yes:after, .better-future-no:after, .better-power-yes:after, .better-power-no:after{top: auto;left: 6px;right:auto;bottom: 4%;} .kpi-sub-title{text-align: left;font-size: 1em;line-height: 1.2em;} .kpi-title-bar,.kpi-content-bar,.kpi-grey-title{padding:15px;} .kpi-page-title {font-size: 1.5em;} .kpi-title-bar,.kpi-grey-title{font-size: 1.5em;} .kpi-content-bar{margin-bottom: 14px;} .kpi-image-bar {margin: -15px -15px 14px;} .kpi-small-box .kpi-content-bar{font-size: 1.25em;} .kpi-signpost-wrap{margin-top:-14px;} .kpi-signpost-wrap .left-signpost-wrapper{margin-top:14px;} .progess-graph{margin: -25px 0 -25px -20px;} .kpi-intro {font-size: 1.25em;margin-top: 14px;} .kpi-grey-title{margin-top: 14px;} .kpi-subtitle{padding: 15px;font-size: 1.3em;} /*---------- KPI ends ----------------*/ .customer-banner-image {min-height: 150px;} .career-banner-text{left: 20px;} .career-banner-title{margin-top:0;} body#civil-aerospace.ip3-contact-us .banner-mobi-img {min-height: 80px;} body#civil-aerospace.ip3-contact-us .slick-slider .slick-list {margin-bottom:30px;} } @media (max-width: 640px) { .left-signpost-outer-wrapper{width:100%;} .related-link-left,.related-link-right{width:100%;margin:0;} .related-link-left{margin-bottom:14px;} .left-signpost-outer-wrapper:first-child .left-signpost-wrapper {margin-top: 0;} /*---------- Career starts ----------------*/ .l-career-filter-wrap {margin: 0px 0 14px;} .job-date {float: none;} .job-link.h1 {padding-right: 0;padding-top: 5px;} #txtRef {width: 100%;margin: 0 0 7px;} .page-data {float: none;padding-bottom: 5px;} .career-banner-container .customer-banner-image>img{margin-top: 0;} /*---------- Career ends ----------------*/ } @media (max-width: 579px) { } /*--------- All Mobiles Portrait and Landscape Global CSS ---------*/ @media(max-width: 480px) { .customer-banner-title{font-size:3em;line-height:1em;} #sustainability .customer-banner-text { position: absolute; top: 38px;left: 30px;font-family: 'TheMix-light'; color: #fff;} #sustainability .customer-banner-title{font-size:3.0em;line-height:1em;} .landing-box,.c-lastest-jobs-box{width:100%;} .snapdown-title{padding-right:15px;} .inv-lnd-bx{width:100%;overflow: hidden;} /*---------- Career starts ----------------*/ .filter-wraper .dropdown-wrap {width: 100%;} .button-wrapper{text-align:left;} .job-date {float: none;} .job-link.h1 {padding-right: 0;padding-top: 5px;} .ref-no{float:none;} /*---------- Career ends ----------------*/ /*---------- KPI starts ----------------*/ #contentwrapper ul.kpi-nav li:hover:after, #contentwrapper ul.kpi-nav li.current:after{left: 39%;} /*---------- KPI ends ----------------*/ @keyframes animationFrames{ 0% { transform: translate(0px,0px) ; } 100% { transform: translate(-200px,0px) ; } } @-moz-keyframes animationFrames{ 0% { -moz-transform: translate(0px,0px) ; } 100% { -moz-transform: translate(-200px,0px) ; } } @-webkit-keyframes animationFrames { 0% { -webkit-transform: translate(0px,0px) ; } 100% { -webkit-transform: translate(-200px,0px) ; } } @-o-keyframes animationFrames { 0% { -o-transform: translate(0px,0px) ; } 100% { -o-transform: translate(-200px,0px) ; } } @-ms-keyframes animationFrames { 0% { -ms-transform: translate(0px,0px) ; } 100% { -ms-transform: translate(-200px,0px) ; } } .animate-image img{left:0px; width:185%;} } @media(max-width: 350px) { .section1 .box-content{padding:0 0 0px;} } @media (max-width: 320px) { #MainWrapper{width:320px;} #alphabet-category .alphabet-filter {width:30px} } #mob-menu-wrap > ul{padding-bottom:10px;} .mm-footer{padding:5px 10px 5px 20px;} /*.mm-footer .share-ticker-container{margin:5px 0 10px 0; padding:0;} .mm-footer #mheaderlinks{margin:10px 0 0;} .mob-share-txt{padding:5px 0;}*/ .mm-menu.mm-right{overflow-x:hidden; overflow-y:auto; height:100%; position:absolute;} .mm-menu > .mm-panel{overflow-y:hidden;} /*---for retina display--------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { .mob-menu, .better-business-no:after,.better-business-yes:after,.better-future-yes:after,.better-future-no:after,.better-power-yes:after,.better-power-no:after, li.firstPage a, li.lastPage a, li.prev a, li.next a, .snapdown-right {background-image:url(/~/media/Images/R/Rolls-Royce/css/sprite-mob.png); background-repeat:no-repeat; background-size:500px auto;} } #twocolright .mobile-view.forceSnap{display:block !important;} #twocolright .desktop-view.forceSnap{display:none !important;} /*IPhone portrait mode:*/ @media all and (min-width: 0px) and (max-width: 320px) { #Homepage .section1-text-middle-bottom-aligned { top: 5%!important; } #Homepage .section1-box1 h2.box-title { font-size: 2.2em; } } /*IPhone landscape mode:*/ @media all and (min-width: 421px) and (max-width: 520px) { #Homepage .section1-text-middle-bottom-aligned { top: 35%!important; } } /*IPad/IPad mini portrait mode:*/ @media all and (min-width: 721px) and (max-width: 840px) { #Homepage .section1-text-middle-bottom-aligned { top: 50%!important; } #sustainability .customer-banner-title{font-size:3.429em;line-height:1em; font-family: 'TheMix-light';} .fw-ftr-links li { padding: 0 2px 0 24px; font-size: 1em;} } /*IPad/IPad mini landscape mode:*/ @media all and (min-width: 921px) and (max-width: 1040px) { #Homepage .section1-text-middle-bottom-aligned { top: 60%!important; } #sustainability .customer-banner-title{font-size:3.429em;line-height:1em; font-family: 'TheMix-light';} } /*IPhone portrait mode:*/ @media all and (min-width: 0px) and (max-width: 320px) { #careersinindia .page-content{ font-size: 0.6em; line-height: 1.4em; margin-top: -114px !important; width: 97% !important; padding: 6px 7px 0px; } } /*IPhone landscape mode:*/ @media all and (min-width: 421px) and (max-width: 520px) { #careersinindia .page-content{ width: 98% !important; font-size: 0.7em; line-height: 1.6em; padding: 6px 7px 0px; top: 145px; } } /*Samsung portrait mode:*/ @media all and (min-width: 321px) and (max-width: 420px) { #careersinindia .page-content{ font-size: 0.6em; line-height: 1.4em; margin-top: -114px !important; width: 97% !important; padding: 6px 7px 0px; } } /*Samsung landscape mode:*/ @media all and (min-width: 521px) and (max-width: 640px) { #careersinindia .page-content{ width: 98% !important; font-size: 0.7em; line-height: 1.6em; padding: 6px 7px 0px; top: 155px; } } /*IPad/IPad mini portrait mode:*/ @media all and (min-width: 721px) and (max-width: 840px) { .fw-ftr-links li { font-size: 1em !important;} #careersinindia .page-content{ width: 98% !important;top: 95px;} } /*IPad/IPad mini landscape mode:*/ @media all and (min-width: 921px) and (max-width: 1040px) {} body#investors .inv-landing-main a{background:none !important; padding:0 !important;} #products #imc-preview-protection2 {display: none;} @media (min-width: 767px) { li.whatsapp-icn {display:none!important;} body#civil-aerospace.ip3-contact-us .module-aerospace-rp .module-heading {padding-top:60px;} body#civil-aerospace.ip3-contact-us .product-module-section .tab-content-main {margin-bottom:100px;} } @media all and (min-width: 360px) and (max-width: 768px) { .fw-ftr-links {display: block !important; margin-top: 5px; margin-bottom: 10px; float: left;} .fw-ftr-links li { padding: 0 2px 0 24px; font-size: 0.8em;} .fw-ftr-links li:first-child { padding-left: 0px;} .fw-ftr-logo-copy { margin-bottom: 5px; width: 100%;} .fw-ftr-links li:before {left: 9px;} } /*Samsung - portrait view */ @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) { .fw-ftr-links li { font-size: 1em !important;} } @media all and (min-width: 667px) and (max-width: 840px) { body#shareholder-fraud-warning iframe {height:420px!important} .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-1:before, .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-2:before, .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-3:before, .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-4:before, .interactive-content-wrapper-obs.interactive-content-wrapper-obs-mob .int-box-title-5:before { left: 46%;} } @media all and (min-width: 1400px) { .insights-mid-fw-inner.flyer-landing {margin-top: 100px;} } @media all and (min-width: 992px) and (max-width: 1399px) { .insights-mid-fw-inner.flyer-landing {margin-top: 70px;} } @media all and (min-width: 768px) and (max-width: 991px) { .insights-mid-fw-inner.flyer-landing {margin-top: 50px;} } @media all and (max-width: 767px) { .insights-mid-fw-inner.flyer-landing {margin-top: 40px;} } @media (min-width: 1024px) and (max-width: 1920px){ #our-strategy #overview .int-box-col-1 {width: 45%; float: left; margin-right: 20px;} #our-strategy #overview .int-box-col-2 {width: 50%; float: left;} #our-strategy #overview .int-box-3 {width: 45%; float: left;} #our-strategy #overview .int-box-4{float: right;} } @media (min-width: 768px) and (max-width: 1023px){ #our-strategy #overview .int-box-col-2 {width: 47%; float: left;} #our-strategy #overview .int-box-3{width: 46%;} #our-strategy #overview .int-content-text {width: 100%; padding: 0; margin-top: 20px;} #our-strategy #our-business-system .interactive-content-wrapper-obs .int-box-row-1 #int-box-1 {width: 42%;} #our-strategy #our-business-system .interactive-content-wrapper-obs div#int-box-5{width: 40%;} #our-strategy #our-business-system .int-content-text-obs {width: 100%; padding: 0; font-size: 1.2em; margin-top: 30px;} } @media (min-width: 320px) and (max-width: 766px){ #our-strategy #overview .int-box-col-1 {width: 100%; float: left; margin-right: 0;} #our-strategy #overview .int-box-1, #our-strategy #overview .int-box-2 {min-height: 66px; margin-bottom: 10px;} #our-strategy #overview .int-box-col-2 {width: 100%; float: left;} #our-strategy #overview .int-box-3 {min-height: 160px; margin-bottom: 10px; width: 49%; margin-right: 0px; float: left;} #our-strategy #overview .int-box-4 {min-height: 160px; margin-bottom: 10px; width: 49%; float: right;} #our-strategy #overview .int-box-col-3 {width: 100%; float: left;} #our-strategy #overview .int-box-5 {padding: 20px 10px; min-height: 66px; margin-bottom: 20px; width: 100%;} #our-strategy #overview .int-content-text {padding: 0; margin-top: 10px;} } @media (min-width: 320px) and (max-width: 767px){ #digital-platforms .tab-list{ margin-bottom: 30px; } #digital-platforms #mCSB_2 { height: 90px; padding-bottom: 30px; } #digital-platforms #mCSB_2 li { height: 30px; } #digital-platforms #mCSB_2 li a{ padding-bottom: 30px; } } @media (min-width: 320px) and (max-width: 574px){ .linktextrow, .linktextrowtwo {display: inline-grid;} .btnlinkleft { width: 100%; margin-bottom: 15px;} .btnlinkright { width: 100%; margin-bottom: 15px;} } /*---- full-width-media-queries-----*/ /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute;.mob-menu, .mob-menu-wrap > ul left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0;} #mob-menu-wrap > ul { height: auto; padding-bottom: 200px; } .mm-menu > .mm-panel { background: inherit; overflow: scroll; overflow-x: hidden; overflow-y: hidden; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel::-webkit-scrollbar {-webkit-appearance: none;width: 5px;height: 5px;} .mm-menu > .mm-panel::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid #004d91;background-color: #004d91;} .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-100%); transform: translateX(-100%); /*display:none;*/ } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 30px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list li{font-size:1.286em;line-height:1.2em;;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;} .mm-list li.level1{text-transform:uppercase;} .mm-list li a{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;} .mm-list li:hover,.mm-list li.current,.mm-list li.selected{background: #8cb9d7;color: #fff;} .mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before{border-color:#fff;} .mm-list li.mm-subtitle{background:none;} .mm-list { font: inherit; font-size: 1em; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border:0; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { margin:0px 20px 0px; background:url(/~/media/Images/R/Rolls-Royce/css/menu-bak-arrow-blue.png) no-repeat 10px center ; padding: 12px 20px 12px 28px; border: 2px solid #8cb9d7; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.714em; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 3px solid transparent; display: inline-block; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; right: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);overflow:hidden;*/height:100%; } .mm-menu { background: #e5ecf5; color: #004d91; } .mm-menu .mm-list > li:after { border:0; border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { color: #004d91; /* background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); */} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #004d91; } .mm-menu .mm-list > li > a.mm-subclose:before {display:none;} .mm-menu .mm-list > li > a.mm-subclose:before {border-color:#fff;} .mm-menu .mm-list > li > a.mm-subopen:before { border:0; border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease;overflow:hidden; } html.mm-opened { /*overflow: hidden;*/ position: relative; } html.mm-opened body { /*overflow: hidden;*/ } html.mm-opened .mm-page { box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } html.mm-opening #mm-blocker { background:rgba(0,0,0,0.5); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 1em; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; padding: 10px 10px 0 20px; z-index: 2; position:absolute; left:0; bottom:250px; padding-bottom:10%; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 30px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; margin-left: 5px; margin-right: -2px; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 1; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } .mm-menu.mm-offcanvas{position:absolute !important;} @media all and (max-width:991px){ .col-md-offset-1.tab-maxwidth-center-inner {width: auto;} } /*-----module updates end------*/ @media all and (max-width:991px) and (min-width:768px){ .center-aligned-intro{padding:0 15%} } @media (max-width: 1400px) { .logo-inner { padding: 26px 0 0 0; } /*.show-ul {max-width: none; padding-left: 20px;} .show-menu ul li > ul {width: 250px;} .show-menu ul ul { padding-left: 30px;}*/ #toplinks #searchbox { margin: 5px 0 3px; } #topnavigation.topnavigation.pull-right { margin-right: 0; } .megamenu-close { right: 20px; } .fw-footer-top, .fw-footer-bottom { margin: 0 20px; } .fw-box1 { width: 30%; } .fw-box2 { margin-left: 80px; width: 20%; } .fw-box3 { width: 20%; } .fw-box4 { width: 20%; } } @media (max-width: 1399px) { .show-ul {padding-top: 32px !important;padding-left: 15px!important; padding-right: 15px !important;} .show-ul-outer .show-menu > ul {font-size: 1.145em;line-height: normal; margin-top: 30px;} .show-ul-outer .show-menu ul li{margin-bottom:0} .show-menu .fa-angle-right { font-size: 1.2rem; } .show-menu > ul > li a, .show-menu > ul > li > span{padding: 3px 20px 3px 0;} .megamenu-title { font-size: 2em; line-height: 1.2;} .fwNavSignpost .rad-highlight{font-size: 2em; line-height: 1.4;} } @media all and (max-width: 1210px) { body#sea #topnavigation .fwMenuwrapper > ul li span, .ip3-sea #topnavigation .fwMenuwrapper > ul li span { padding: 4px 9px 58px;} } @media all and (max-width: 1200px) { #top-left { width: 760px; } body#india #top-left, .ip3-india #top-left{ width: 91.66666667%; } #topnavigation .fwMenuwrapper > ul {font-size: 1.143em;} #topnavigation .fwMenuwrapper > ul li span { padding: 4px 8px 17px; } body#india #topnavigation .fwMenuwrapper > ul li span, .ip3-india #topnavigation .fwMenuwrapper > ul li span { padding: 4px 11px 58px;} body#sea #topnavigation .fwMenuwrapper > ul li span, .ip3-sea #topnavigation .fwMenuwrapper > ul li span { padding: 4px 9px 58px;} } @media (max-width: 1190px) { #topnavigation .fwMenuwrapper > ul li { padding: 0 2px; } #topnavigation.topnavigation.pull-right { margin-right: 0; } #toplinks #searchbox { margin: 5px 0 3px; } } @media (max-width: 1150px) { .show-desc{margin-left: 90px; margin-top: 5px; width: 500px;} } @media (max-width: 1024px) { .new-second-level-navigation .new-bread-div ul li { width: 250px; } .show-menu ul li span.icon-chevron-right { margin: -7px 0 0;} .inn-video-wrapper.img-cnt-on-img-content{max-width: 100%;} } @media (min-width: 768px) { .VideoParentCon.inv_ParentContainer{height:526px;} } @media (max-width: 991px) { .mm-menu.mm-offcanvas {position: absolute !important;} #top-left { width: auto;} body#india #top-left, body.ip3-india #top-left { width: auto;} .mm-menu .mm-list > li.haschildren > a.mm-subopen { width: 100%; } .mob-menu, .mob-menu-wrap > ul { display: block !important; } #toplinks { display: none; } #topnavigation { display: none; } .mob-menu { } .visible-desktop { display: none; } .customers-menu { display: none; } .mob-menu, .mob-menu-wrap>ul { display: block; } .mob-menu-wrap { display: none; } #topnavigation ,.breadcrumbWrap{ display: none; } .mob-menu { } .mob-menu:hover { text-decoration: none; color: #004d91; } .mm-opened .mob-menu, .mm-opening .mob-menu { background-position: right -248px; } #toplinks { display: none } /* .share-ticker-container { float: none; width: 100%; border: 1px solid #f0f0ef; border-width: 1px 0; margin-bottom: 30px; padding: 10px 50px; } #sharepricetickertopXmlContainer .sharepricemain { background-color: #e5ecf5; } #sharepricetickertopXmlContainer .sharepriceimgsrc { float: right; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 8px; } #sharepricetickertopXmlContainer .sharepriceval { float: left; font-size: 18px; line-height: 30px; color: #768d99; } #sharepricetickertopXmlContainer .sharepricechngecolor-red { color: #d66 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } #sharepricetickertopXmlContainer .sharepricechngecolor-green { color: #73A373 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } .mob-share-txt { padding: 5px 0 8px; } #msearchbox { background: #f7f7f7; margin: 0; } #msearchcontainer { clear: both; float: right; height: 35px; margin: 10px 0 0; overflow: hidden; } #msearchTetboxCoxntainer { float: left; } #msearchTextboxContainer input {background: transparent;border: 0 none;color: #5b5b5b;float: left;height: 60px;padding: 5px 50px;width: 300px; font-size: 1.3em; } #mSearchButtonContainer { background: #f7f7f7; float: right; position: relative; width: 70px; } #mSearchButtonContainer:before { color: #10069f; content: "\eee1"; display: block; font-family: "icomoon" !important; font-size: 2em; height: 60px; left: 0; padding-right: 50px; position: absolute; text-align: right; top: 20px; } #mSearchButtonContainer input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; height: 80px; overflow: hidden; padding: 0; position: absolute; right: 0; text-indent: -999999px; top: 0; width: 80px; } #msearchTextboxContainer input:focus { border: medium none; outline: medium none; font-family: "TheMix-bold", Arial !important; } #mheaderlinks, .share-ticker-container { margin-top: 25px; text-align: left; color: #004d91; } .mm-footer .share-ticker-container { padding: 17px 50px 3px;} #mheaderlinks a, #mheaderlinks a:hover { text-decoration: none; } */ #headerlinksmobi { padding: 00; position: relative; width: auto; z-index: 5000; } #headerlinksmobi ul { background: #fff none repeat scroll 0 0; display: none;/* position: absolute;*/ width: 138px; z-index: 5000; } #headerlinksmobi > ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; position: relative; width: auto; } #headerlinksmobi > ul > li { position: relative; } #headerlinksmobi > ul > li > a { /*color: #5b5b5b; display: block; font-size: 1.286em; padding: 0 0 0 10px; position: relative; */ color: #1e3643; display: block; font-size: 1.286em; padding: 0 30px 0 55px; width: 100%;} #headerlinksmobi select { height: 25px; opacity: 0; width: 100%;} #headerlinksmobi > ul > li > a > span:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #5b5b5b; content: ""; position: absolute; right: 45px; top: 10px; } #headerlinksmobi > ul > li > a span:before { font-family: "icomoon" !important; font-size: 1.25em; left: -10px; position: relative; top: 3px; } #headerlinksmobi ul ul li a { color: #4e5d65; display: block; padding: 10px 30px 10px 50px; position: relative; text-decoration: none; z-index: 5000;} #headerlinksmobi ul ul li:last-child { background: #10069f; color: #fff; position: relative; } #headerlinksmobi ul ul li:last-child a { color: #fff; } #headerlinksmobi ul ul li:last-child:hover a { color: #fff; } /*#headerlinksmobi ul ul li:last-child:before { content: "\eee3"; font-family: "icomoon" !important; margin: -9px 0 0; position: absolute; right: 7px; top: 50%; }*/ #headerlinksmobi ul ul {/*height: 115px; overflow: scroll; padding-bottom: 20px; */ padding-top: 10px; width: 100%;} .mm-list li.mmenu-section-head:hover { color: inherit; background: transparent; } .country-text { display: inline-block; text-decoration: none; padding: 5px; } .country-text:hover { text-decoration: none; color: #004d91; } #bannerwrapper img, .landing-page-item-image img { width: 100%; height: auto; } #bannerwrapper .banner-text, #bannerwrapper .bottom-banner-text { padding: 18px 10px 19px; } /*---------- Header ends -----------*/ .mob-breakpoint { clear: both; display: block; } .breakdown-point { cursor: default; } .mob-breakpoint .breakdown-point-marker { display: inline-block; position: static; } .mob-breakpoint .breakdown-point-info-slate, .mob-breakpoint .breakdown-detail { display: inline-block; position: static; } .fw-footer-top, .fw-footer-bottom { margin: 0 30px; } .fw-box1 { float: none; padding-bottom: 30px; width: 100%; } .fw-box2 { margin-left: 0; width: 50%; } .fw-box3 { width: 50%; } .fw-box4 { clear: both; float: none; padding-top: 40px; width: 100%; } .fw-footer-top.clearfix { padding-bottom: 40px; } .MainWrapperInner { padding: 0 30px; } #headerwrapper { padding: 25px 0; } .logo-inner { margin: 0; padding: 0;} #logo .logo-inner img { max-height: 30px; width: auto;} /* Mobi Menu Start */ #top-left {line-height: 1; margin-top: 4px;} .mob-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #004d91; cursor: pointer; display: inline-block; font-size: 1em; height: auto; margin-bottom: 0px; margin-right: 0; margin-top: 0; padding-bottom: 4px; padding-right: 41px; padding-top: 6px; position: relative; text-align: right; text-decoration: none; text-transform: uppercase; width: 78px; } .mob-menu > span { background: #10069f; display: block; height: 3px; opacity: 1; position: absolute; right: 0; top: 0; width: 30px;} .mob-menu span:nth-child(2) { top: 10px; } .mob-menu span:nth-child(3) { top: 20px; } .mm-list li.level1 a, .mm-list li.level1 a span { color: #10069f; } .mm-menu { background: #FFF; } .mm-menu .mm-list > li > a.mm-subclose { color: #5b5b5b; text-transform: uppercase; } .mm-list a.mm-subclose { background: none; border: none; margin: 0; padding: 12px 50px 12px 65px; } .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #5b5b5b; } .mm-menu .mm-list > li > a.mm-subclose:before { display: block; } .mm-list a.mm-subclose:before { margin-bottom: -6px; } .mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before { border-color: inherit; } .mm-list li.mmenu-section-head { color: #10069f; font-size: 2.143em; font-weight: 400; padding: 15px 50px; text-transform: uppercase; } .mm-list a.mm-subopen::after, .mm-list a.mm-subclose:before { border: 2px solid transparent; bottom: 50%; content: ""; display: inline-block; height: 11px; margin-bottom: -6px; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); width: 11px; } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #5b5b5b; } .mm-list li:hover, .mm-list li.current, .mm-list li.selected { background: transparent none repeat scroll 0 0; color: inherit; } .mm-list a.mm-subopen:after { border-left: medium none; border-top: medium none; right: 52px; } .mm-list a.mm-subclose:before { border-bottom: medium none; border-right: medium none; left: 52px; } .mm-list > li > a { color: #5b5b5b; } .mm-footer { padding: 5px 0; } #mob-menu-wrap > ul { padding-bottom: 0; padding-top: 36px; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 50px; padding-right: 30px; } .mm-list > li > a, .mm-list > li > span { padding: 10px 10px 10px 50px; } /* Mobi Menu End */ /* Sticky Nav Start */ /*.header-outer.detached + #home-content-container.MainWrapperInner.home-fw,.header-outer.detached + #section-header-container { padding-top: 80px; }*/ .header-outer-dummy.detached{height:80px;} .header-outer-dummy{height:0;} /*.header-outer.detached.nav-invisible { opacity: 0; transform: translate(0px, -80px); -moz-transform: translate(0px, -80px); -webkit-transform: translate(0px, -80px); -o-transform: translate(0px, -80px); -ms-transform: translate(0px, -80px); transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -webkit-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; }*/ /* @keyframes firstFadeInAndDrop { 0% { transform: translate(0px, -80px); } 100% { transform: translate(0px, 0px); } } @keyframes firstFadeInAndDrop { 0% { transform: translate(0px, -80px); } 100% { transform: translate(0px, 0px); } } @keyframes firstFadeInAndDrop { 0% { transform: translate(0px, -80px); } 100% { transform: translate(0px, 0px); } }*/ /*.header-outer-dummy.detached.nav-invisible {height: 80px;} .header-outer-dummy.detached {height: 0px;}*/ /*.header-outer.detached { height: 80px; position: fixed; width: 100%; top:0; z-index: 5000; transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -o-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; opacity:1; transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); }*/ .header-outer.detached #header { /* border-bottom: 1px solid #e3e3e3;*/ } /* Temp CSS */ /* Temp CSS */ #MainWrapper { padding: 90px 0 0;} .header-outer.nav-up{top:-80px;} .header-outer{transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; /*height: 80px;*/ position: fixed; top: 0; width: 100%} .header-outer.nav-down { z-index: 9999;} /* Sticky Nav End */ .new-bread-div a{ padding: 14px 4px 13px 4px;} .new-bread-div .separator{padding: 0 0 0 13px;} } @media (max-width: 800px) { .new-second-level-navigation-outer { height: 0 !important; overflow: hidden !important;} .new-second-level-navigation.togetwidth {display: block; } .mm-menu .mm-list > li.haschildren > a.mm-subopen { width: 100%; } .fw-ftr-links { display: none; } } @media (max-width: 767px) { .new-second-level-navigation.togetwidth { display: none; } .sustainable-section .img-cnt-on-img-content.White, .sustainable-section .img-cnt-on-img-content.White a.sustainable-dwld-link.font18,.img-cnt-on-img-content.White *{color:#fff;} .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 20px; padding-right: 20px; } .mm-list > li > a, .mm-list > li > span { padding: 10px 10px 10px 30px; } .mm-list a.mm-subopen:after { right: 20px; } .mm-list a.mm-subclose:before { left: 30px; } .mm-list a.mm-subclose { padding: 12px 30px 12px 50px; } .mm-list li.mmenu-section-head { padding: 15px 30px; } #msearchTextboxContainer input { padding: 5px 80px 5px 30px; width: 100%; } #mSearchButtonContainer:before { font-size: 2em; height: 60px; left: 10px; padding-right: 50px; position: absolute; top: 19px; } #mSearchButtonContainer { height: 60px; left: auto; padding-right: 50px; position: absolute; right: 0; top: 5px;} #mSearchButtonContainer input { width: 67px; } #mSearchButtonContainer input { height: 60px; position: absolute; right: 0; top: 0; width: 70px; } #mSearchButtonContainer { width: 40px; } #headerlinksmobi {} #headerlinksmobi > ul > li > a { padding: 0 30px 0 38px;} #headerlinksmobi > ul > li > a > span::after{right: 20px;} #headerlinksmobi ul ul li a { padding: 10px 30px 10px 29px;} #msearchTextboxContainer ul { padding: 0 20px;} .mm-footer .share-ticker-container { padding: 17px 30px 3px;} .share-ticker-container { padding: 10px 30px; } .MainWrapperInner { padding: 0 15px; } .fw-footer-top, .fw-footer-bottom { margin: 0 15px; } .logo-inner { margin-top: 0; max-width: 150px; } #logo .logo-inner img {max-height: 25px; width: auto;} #headerwrapper { padding: 18px 0 17px; } #top-left { line-height: 1; margin-top: 2px;} .mob-menu {font-size: 1em; height: auto; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-right: 40px; padding-top: 2px; width: 100px;} .mob-menu > span { height: 3px; top: 0px; width: 27px; } .mob-menu span:nth-child(2) { top: 8px; } .mob-menu span:nth-child(3) { top: 16px; } .fwNavSignpost .rad-highlight,.megamenu-title{font-size: 1.571em;} /*.header-outer { height: 60px; position: fixed; width: 100%; z-index: 1000;}*/ /*.home-fw { margin-top: 60px;}*/ /* Sticky Nav Start */ /*.header-outer.detached + #home-content-container.MainWrapperInner.home-fw,.header-outer.detached + #section-header-container { padding-top: 60px; }*/ /* .header-outer.detached.nav-invisible { opacity: 0; transform: translate(0px, -60px); -moz-transform: translate(0px, -60px); -webkit-transform: translate(0px, -60px); -o-transform: translate(0px, -60px); -ms-transform: translate(0px, -60px); transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -webkit-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; } */ /*.header-outer-dummy.detached.nav-invisible {height: 60px;} .header-outer-dummy.detached {height: 0px;}*/ /* .header-outer.detached { height: 60px; position: fixed; width: 100%; z-index: 5000; transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -o-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s, height 0.3s ease 0s, background 0.4s ease 0s, opacity 0.3s ease 0s; opacity:1; transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); } */ /* Sticky Nav End */ #MainWrapper { padding: 90px 0 0;} /* .header-outer{height: 60px;} */ .header-outer.nav-up{top:-90px;} .center-aligned-intro{padding:0;} } @media (max-width: 639px) { .MainWrapperInner .home-banner-fw .banner-video-overlay-close-button{top:15px; right:20px;} } @media (max-width: 480px) { .fw-box1 { float: none; padding-bottom: 30px; width: 100%; } .fw-box2 { float: none; margin-bottom: 20px; margin-left: 0; width: 100%; } .fw-box3 { float: none; width: 100%; } .fw-box4 { clear: both; float: none; padding-top: 20px; width: 100%; } .copy-text { font-size: 0.8em; padding-left: 0; } } body#services.ip3-civil-aerospace .pd-box-text, body#marketplace.ip3-civil-aerospace .pd-box-text{padding: 15px 10px 10px 25px;} body#services.ip3-civil-aerospace .pd-box-text { padding: 15px 15px 15px 15px; } @media all and (min-width:640px) and (max-width: 1399px){ body#marketplace.ip3-civil-aerospace .pd-box-text, body#services.ip3-civil-aerospace .pd-box-text {max-width: calc(100% - 200px);padding: 12px 12px 1px;} body#marketplace.ip3-civil-aerospace .updateChanges .pd-box-wrapper.clearfix, body#services.ip3-civil-aerospace .updateChanges .pd-box-wrapper.clearfix{min-height: 240px;} } @media all and (max-width: 991px){ body#marketplace.ip3-civil-aerospace .pd-box-snapdown-click,body#services.ip3-civil-aerospace .pd-box-snapdown-click {height: 205px;} } @media all and (min-width:992px) and (max-width: 1260px){ body#marketplace.ip3-civil-aerospace .pd-box-snapdown-click > img, body#services.ip3-civil-aerospace .pd-box-snapdown-click > img {max-width: 150px;} body#marketplace.ip3-civil-aerospace .pd-box-text,body#services.ip3-civil-aerospace .pd-box-text {max-width: calc(100% - 150px);} } body#services.ip3-civil-aerospace .pd-box-text { padding: 15px 15px 10px 15px; } /*---- 3-5-relates-content-slider-----*/ .popup-story-module .hsp-main{ float: left; } .popup-story-module .hsp-main:nth-child(5){ display: block; } .disover-item.hsp-main:nth-child(1), .disover-item.hsp-main:nth-child(2), .disover-item.hsp-main:nth-child(3), .disover-item.hsp-main:nth-child(4),.disover-item.hsp-main { margin-top: 0 !important; } .home-mid-fw-inner-manally { height: auto !important; margin: 0 auto !important; max-width: none !important; } .home-mid-fw-inner-manally .hsp-main { height: auto !important;} .home-mid-fw-inner-manally .rr-icon-arrow-nav{ right: -230px; bottom: 16px !important; left: 0; color: #4e5d65; font-size: 20px !important; } .home-mid-fw-inner-manally .rr-icon-arrow-nav.slick-prev {bottom: 13px !important;} .home-mid-fw-inner-manally .slick-list {margin-bottom: 75px !important;} /*---- fw-sustainability-main-----*/ /*-- Common Style --*/ .ttl-head .ttl { color: #10069f; } .fw-intro-one-col.ttl-head { padding-bottom:53px; } .fw-intro-one-col.ttl-head.mx-none { max-width: none; } .fw-cntnt-module img.rad-left { padding: 0 50px 15px 0px; } #country-content-container #fwContentWrapper .fw-tabs-with-bullets-and-downloads .fw-tabbed-wrap-inner { margin-top: 0; } /*-- Module spacings --*/ .sustainability-story-page .section.sections-wrap.last-div .new-country-site-section.margin-top-zero { margin-top: 0 !important; } .sustainability-story-page .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.margin-top-zero { margin-top: 0 !important; } .section.sections-wrap .new-country-site-section.fw-tabs-with-text-downloads.margin-top-zero {margin-top: 0; } /*-- Existing modules --*/ .fw-stats-box.no-icon .fw-stats-right { text-align:center; padding-left:0; } /*.fw-tabbed-wrap-inner .fw-tabbed-wrap .fw-para-text { margin-bottom: 53px; }*/ /* .new-site-fw .fw-text-50-50 strong, .new-site-fw .fw-tabbed-wrap-inner .fw-tabbed-wrap strong { font-weight:bold; } */ a.prgm-view-all.active { cursor:default; } body.ie-edge-true #fwContentWrapper .new-country-site-section a.rad-link[href*="pdf"] { -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; } .fw-sustainability-stories-module .disover-item:hover a img, .sustainability-story-landing .disover-item:hover a img { transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); } /*-- Module sustainability stories --*/ .fw-sustainability-stories-module .discover-items-wrapper { line-height: 0; text-align: center; font-size: 0; } .fw-sustainability-stories-module .disover-item { float:none; display:inline-block; font-size:14px; } .fw-sustainability-stories-module .inoStoryBox > a:hover, .fw-sustainability-stories-module .inoStoryBox > a { color:#fff; } /*-- DCT Page --*/ .fw-dct-wrapper { padding: 70px 0; max-width: 1170px; margin: 0 auto; } .fw-dct-wrapper iframe#invdct-iframe { min-height:380px; } /*--- Global classes Starts ---*/ .mw1170ma { max-width: 1170px; margin-left:auto; margin-right:auto; } .sspageitm { padding-top:100px !important; padding-bottom:100px !important; } /*--- Global classes Ends ---*/ /* .fw-module-global-signpost-intro { width:76%; text-align:center; margin:0 auto; padding:0 0 27px; } */ .fw-intro-one-col .font18links { color: #10069f; } /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads {margin: 0 auto 55px; position: relative; } .fw-tabs-with-downloads .tab-list { position:relative; margin-bottom: 49px; max-width:1167px; margin-left:auto; margin-right:auto; } .fw-tabs-with-downloads .tab-list .slick-arrow.slick-prev {margin-top: -25px;left: auto;right: -35px;top: 50%;transform: rotate(180deg);-ms-transform: rotate(180deg);} .fw-tabs-with-downloads .tab-list .slick-arrow.slick-next {margin-top: -25px;left: auto;right: -70px;top: 50%;} .fw-tabs-with-downloads .tab-content-left { margin-left:0; } .fw-dwld-inner-box, .fw-dwld-inner-box { margin: 0 !important; } .fw-tabs-with-downloads .fw-dwld-inner-box { max-width:none !important; } .fw-tabs-with-downloads .fw-sld-wrapper { max-width:none; } .fw-tabs-with-downloads .tab-content .btitle { padding: 0 0 27px;color: #1e3643;} .fw-tabs-with-downloads .fw-tab-sld-outer .slick-slide > div:not(.fw-dwld-top):not(.fw-dwld-inner-box-inn) { border-top:1px solid #e4e5e6; padding:52px 0 49px; float:left; width:100%; } .fw-tabs-with-downloads .fw-dwld-pdf { margin-top:12px; } .fw-tabs-with-downloads .fw-dwld-link { margin-top:17px; } .fw-tabs-with-downloads .fw-dwld-ttl span { color: #1cafd3; line-height: 0.7; position: relative; } .fw-dwld-inner-box:hover .fw-dwld-ttl span:before{color:#006dff} .fw-tabs-with-downloads .fw-dwld-pdf { color: #5b5b5b; } .fw-tabs-with-downloads .fw-sld-wrapper .slick-list { padding-bottom: 20px; } .fw-tabs-with-downloads .fw-dwld-inner-box-inn { float: left; position: relative; margin-right:20px; } .fw-tabs-with-downloads .fw-sld-wrapper .slick-initialized:not(.slick-dotted) .slick-list { padding-bottom:0; margin-bottom:0; } .fw-tabs-with-downloads .close-all-programme { right: -135px; } body.ie10 .fw-tab-dwld-sld-outer .slick-dots, body.ie-edge-true .fw-tab-dwld-sld-outer .slick-dots, body.internetexplorer11 .fw-tab-dwld-sld-outer .slick-dots, body.ie9 .fw-tab-dwld-sld-outer .slick-dots { bottom:28px; } .fw-tabs-with-downloads .tab-content .fw-tab-dwld-sld-outer { margin-top:56px; } /*--- Text 50/50 ---*/ /*.fw-text-50-50 .pd-box-snapdown-content-right p .rad-highlight { color: #004990; font-size: 1.125em; line-height: 1.333; background: none; display: inline-block; margin: 0; }*/ #country-content-container.new-site-fw .fw-text-50-50 .font16 ul li { padding-bottom: 0; line-height: 1.5; } #country-content-container.new-site-fw .fw-text-50-50 .font16 > ul > li::before { height: 6px; left: -19px; top: 7px; width: 6px; } .fw-text-50-50 .pd-box-snapdown-content-left .fw-intro-text, .fw-text-50-50 .pd-box-snapdown-content-right .fw-intro-text { margin-top:0; } .fw-text-50-50 .head-ttl { padding-bottom:24px; color: #10069f; } .fw-text-50-50 .pd-box-snapdown-content-right { padding-top:0; } .fw-text-50-50 .rad-highlight { line-height: 24px; font-size: 1.313rem; color: #1e3643; padding: 0; display: inline-block; /*text-transform: uppercase;*/ background: none; margin: 0px/*20px 0 0*/; } .fw-text-50-50 .pd-box-snapdown-content-left ul { padding-top:0; } .fw-text-50-50 .font16.bodyhelv p:first-child .rad-highlight { margin:0; } .fw-text-50-50 .rad-link {/* font-size: 1.125rem; color: #093893; padding: 32px 0 0; background: none; */display: inline-block; } .fw-text-50-50 .rad-link a { color:#10069f; } /*.fw-text-50-50 .rad-link:first-child { padding: 0; }*/ /*--- Module Text + Download & Language ---*/ .fw-text-download-and-language .ar-cvr-img { float:left; padding-right:28px; } .fw-text-download-and-language .ar-cvr-img img { border:1px solid #93afbb; } .fw-text-download-and-language .ar-right-cntnt-box { float:left; margin-top: -8px; } .fw-text-download-and-language .arlttl { padding-bottom:25px; } .fw-text-download-and-language .arlttl, .fw-text-download-and-language .head-ttl { color:#1e3643; } .fw-text-download-and-language .ar-right-cntnt-box .label { padding:16px 19px 16px; width:100%; cursor:pointer; border:1px solid #93afbb;line-height:1;} .fw-text-download-and-language .ar-right-cntnt-box .label:after { margin-top: 4px; content:""; height:7px; width:13px; background: url("/~/media/Images/R/Rolls-Royce/css/pdf-drp-dwn-arw.png") no-repeat top center; display:block; float:right; } .fw-text-download-and-language .ar-right-cntnt-box .label.active:after { background-position: center -7px; } .fw-text-download-and-language .ar-languages-list { float:left; position:relative; width:241px; margin-bottom:26px;font-size: 1em !important; } #country-content-container.new-site-fw .fw-text-download-and-language .font16 ul { list-style-type: none; padding-top: 5px; padding-left: 0; display:none; position:absolute; width:100%; border:1px solid #93afbb; background-color:#f7f7f7; padding-bottom: 5px; max-height: 150px; z-index:5; } #country-content-container.new-site-fw .fw-text-download-and-language .font16 > ul > li::before { display:none; } #country-content-container.new-site-fw .fw-text-download-and-language .font16 ul li { padding:0; } #country-content-container.new-site-fw .fw-text-download-and-language .font16 ul li a { text-decoration:none; padding:5px 15px; display:block; color:#93afbb; display:inline-block; } #country-content-container.new-site-fw .fw-text-download-and-language .font16 ul li a:hover { color:#10069f; } .fw-text-download-and-language .ar-lnk-btn { clear:left; width:241px; text-decoration:none; text-align: center; } .fw-text-download-and-language .ar-lnk-btn a { color: #10069f; text-decoration:none; padding:12px 0 10px; display:block; border:1px solid #10069f; } .fw-text-download-and-language .ar-lnk-btn a:hover { color: #006DFF; } .fw-text-download-and-language .pd-box-snapdown-content-left { margin-top: 11px; width: 47%; padding-right: 119px; max-width: none;} .fw-text-download-and-language .ar-right-cntnt-box { float:left; } .fw-text-download-and-language .fw-intro-text { margin-top: 19px; } body.nojs #country-content-container.new-site-fw .fw-text-download-and-language .font16 ul { position: relative; overflow-y: auto; display: block; } /*--- Module Text and Downloads --*/ .fw-tabs-with-downloads .ttl-head { text-align:center; padding-bottom:0; } .fw-tabs-with-downloads .ttl-head .intro-wrp { padding: 0 0 5px; } .fw-tabs-with-downloads .ttl-head .bodyhelv p { padding: 0 0 22px; } /*--- Module Intro extended style --*/ .fw-intro-section p span.rad-highlight { font-size: 18px; color: #004990; line-height: 24px; text-transform: uppercase; font-weight: normal; background:none; padding:0; } .new-site-fw .fw-intro-section .font18 ul li { padding-bottom: 5px; } /*.new-site-fw .font18.fw-para-text ul li{list-style: disc;}*//*added 06-05-2020*/ /*WO-83619 bullets points changes starts*/ body#resources .new-site-fw .fw-intro-section .font18 ul li, div#key-information .fw-intro-three-col .fw-intro-three-col-inner .font24 ul.resource-page-list li { padding-bottom: 5px; list-style: disc; } @media (max-width: 991px) { div#key-information .fw-intro-three-col .fw-intro-three-col-inner .font24 ul.resource-page-list li { margin-left: 25px; } } /*WO-83619 bullets points changes Ends*/ /*-- Module Text & Image extended style --*/ .img-rt .fw-ti-image { float:right; } .img-rt .fw-ti-inner-box { margin-right: /*115px*/90px; margin-left: 0; max-width:550px; } /*-- Module TRUST --*/ .fw-trust-module .module-max-width { margin: 0 auto; max-width: 1170px; } .fw-trust-module .font35{ color: #10069f; } .trust-wrapper { border:1px solid #dfdfdf; float:left; width:100%; } .trust-wrapper .trust-box { width:20%; float:left; text-align: center; border-right:1px solid #dfdfdf; position:relative; } .trust-wrapper .trust-box.last { border-right: 0 none; } .trust-wrapper .trust-box .trust-box-inner { cursor:pointer; padding: 2px 10px 62px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .trust-wrapper .trust-box .trust-box-inner:hover .trust-box-content.dsktp { display:block; } .trust-wrapper .trust-box .trust-box-content { padding:10px 28px; text-align:center; height:100%; display:none; position:absolute; left:0; top:0; width:100%; background-color:#006dff; color:#fff; } .trust-wrapper .trust-box .trust-box-content.mbl { display:none; } .trust-wrapper .trust-box .initial-letter p { color:#d4d9dc; text-transform: uppercase; font-size:16.571em; line-height: 1em; } .trust-wrapper .trust-box .initial-letter p, .trust-wrapper .trust-box .trust-intro p { padding:0; } .trust-wrapper .trust-box.trust-box3 .initial-letter p, .trust-wrapper .trust-box.trust-box4 .initial-letter p { color:#acb4b9; } .trust-wrapper .trust-box .word p.trust-wrd { padding-bottom: 2px; color:#10069f;} .trust-wrapper .trust-box p.trust-intro { line-height: 1.23em; color:#4e5d65; padding: 0 0 45px; } .trust-wrapper .trust-box .trust-icon img { position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform:translateY(-50%);; -moz-transform:translateY(-50%); top: 50%; } .trust-wrapper .trust-box .initial-letter { margin-bottom:-4px; } .trust-wrapper .trust-box .trust-box-content-inner { position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform:translateY(-50%);; -moz-transform:translateY(-50%);; top: 50%; } .trust-whole-word { display:none; text-align:center; } .trust-whole-word p { color: #d4d9dc;; font-size:7.143em; display:inline-block; padding:0; line-height: 1em; } .trust-whole-word p.dark { color: #acb4b9;; } .trust-wrapper .trust-box .trust-box-inner:hover { -webkit-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); -moz-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /*----Sustainability Stories Landing Page ---*/ .sustainability-story-landing.discover-landing-page .discover-items-wrapper{padding-top:70px;} .sustainability-story-landing.discover-landing-page .discover-items-wrapper{padding-top:0px;} /*-- 3.6 Tabs with bullets & downloads --*/ .tb-cntnt-lft { float:left; width:39%; padding-right:25px; } .tb-cntnt-rt { float:right; width:61%; padding-top:36px; } .fw-tabs-with-downloads .tb-cntnt-rt .fw-dwld-inner-box-inn { margin-left: 64px; margin-right: 0; /*float:right;*/ max-width:235px; } /*-- Data charts page --*/ .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper { padding-top: 91px; } /*-- NON JS --*/ body.nojs .fw-tabs-with-bullets-and-downloads .tab-list, body.nojs .fw-tabs-with-downloads .prgm-view-all, body.nojs .fw-text-download-and-language .ar-right-cntnt-box .label::after, body.nojs .fw-tabs-with-downloads .tab-list { display:none; } body.nojs .tb-cntnt-lft { float: left; width: 100%; padding-right: 0; } body.nojs .tb-cntnt-rt { float: left; width: 100%; } /*-- Others --*/ .fw-tabs-with-bullets-and-downloads .fw-tabbed-wrap .tabs li { width: 100%; display: table; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .fw-tabs-with-bullets-and-downloads .fw-tabbed-wrap .tabs li a { padding: 23px 40px; display: table-cell; vertical-align: middle; } .fw-ttl-intro-section-1.fw-dct-wrapper { padding-bottom: 0;padding-left:0;padding-right:0;} #iframe-container.fw-dct-wrapper { padding-top: 40px;padding-left:0;padding-right:0;} @media all and (max-width:991px) { .fw-ttl-intro-section-1.fw-dct-wrapper {padding-top: 43px;} } @media all and (max-width:767px) {.fw-ttl-intro-section-1.fw-dct-wrapper { padding-top: 35px; }} .section.sections-wrap .fw-tabbed-wrap-inner.fw-tabbed-two-col.sub-section.new-country-site-section.Gray { margin-bottom: 0; } .fw-vid-img-module-section .tab-content-main .rad-link a, .fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner .tlsld p span.rad-link a { color: #10069f; } .fw-vid-img-module-section .tab-content-main .rad-link a:hover,.fw-vid-img-module-section .tab-content-main .rad-link a:hover:after, .fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner .tlsld p span.rad-link a:hover { color: #006dff; } .sustainability-stories-heading {padding-top: 40px;} @media (max-width: 991px) { /* #future-products .img-cnt-on-img-content {background: #f7f7f7;} */} @media (max-width: 767px){#future-products .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt {background: #f7f7f7;}} #future-products #advance2-video{padding-bottom:40px;} @media (max-width: 991px) {#future-products .img-cnt-on-img-with-video .img-cnt-on-img-content .img-cnt-txt {top: 0px;}} /*@media (max-width: 767px) {#future-products .img-cnt-on-img-with-video .img-cnt-on-img-content .inn-video-wrapper {bottom: 0; left: 46%; top: -8px;}}*/ .fw-bigtitle-section .font60.mixbold{color: #10069f;font-weight: 400;} .fw-bigtitle-section .bigtitleincenter{text-align:center;} .fw-bigtitle-section .font60.mixbold.bigtitleinucase{text-transform: uppercase;} .fw-tabs-with-text-downloads .fw-dwld-link.font18links span{display:none;} #investors .full-width-banner-inner .full-width-banner-main .full-width-banner-content .full-width-banner-txt p a.rad-link{color: #ffffff; border: 2px solid #ffffff;} #investors .full-width-banner-inner .full-width-banner-main .full-width-banner-content .full-width-banner-txt p a.rad-link:after{color: #fa4692 !important;} /*---- fw-sustainability-media-queries-----*/ @media all and (max-width: 1399px) { .fw-dct-wrapper { padding-left:30px; padding-right:30px; } .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper { padding-top: 63px; } /*-- Module text and image extended style --*/ .img-rt .fw-ti-inner-box { margin-right: 60px; max-width:400px; } /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads .mw1170ma { max-width:991px; } #homewrapper .fw-tabs-with-downloads .fw-tabbed-wrap { padding-left: 0; padding-right: 0; } .fw-tabs-with-downloads .tab-list { margin-bottom: 22px; } .fw-tabs-with-downloads .fw-sld-wrapper .slick-list { padding-bottom: 53px; } .fw-tabs-with-downloads .close-all-programme { right: -20%; } /*-- Module Text 50 / 50 --*/ .fw-text-50-50 .mw1170ma { padding-left: 30px; padding-right: 30px; } .fw-text-50-50 .rad-highlight { font-size: 1.125em; line-height: 21.6px; } /*-- Module Text + Download & Language --*/ .fw-text-download-and-language .mw1170ma { padding:0 30px; } .fw-text-download-and-language .ar-right-cntnt-box { clear:left; width:100%; margin-top:40px } .fw-text-download-and-language .ar-lnk-btn { max-width:241px; float:left; clear:none; } .fw-text-download-and-language .ar-languages-list { margin-right: 38px; } .fw-text-download-and-language .pd-box-snapdown-content-left { width:58%; } .fw-text-download-and-language .ar-cvr-img { padding-right:0; } .fw-text-download-and-language .fw-intro-text { margin-top: 25px; } /*-- Module TRUST --*/ .fw-trust-module .module-max-width { max-width:1170px; padding-left:30px; padding-right:30px; } /*-- 3.6 Tabs with bullets & downloads --*/ .tb-cntnt-lft { width:50%; padding-right:25px; } .tb-cntnt-rt { width:48%; } } @media all and (max-width: 1200px) { /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads .mw1170ma { max-width:800px; } /*.fw-tabs-with-downloads .tab-list { padding-left: 30px; padding-right: 30px; }*/ .fw-tabs-with-downloads .tab-list { margin-right:0; } .fw-tabs-with-downloads .close-all-programme { right: 0; } .fw-tabs-with-downloads .tb-cntnt-rt .fw-dwld-inner-box-inn { margin-left: 20px; } /*-- Sustainability module --*/ .fw-sustainability-stories-module .disover-item { float:left; } } @media all and (max-width: 1199px) { .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper, .dct-tool-landing-page #iframe-container.fw-dct-wrapper{padding-left:30px;padding-right:30px;} } @media all and (max-width: 1024px) { /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads .tb-cntnt-rt .fw-dwld-inner-box-inn { margin-left: 10px; } .fw-tabs-with-downloads .tab-list .slick-arrow.slick-prev { right: -60px; } .fw-tabs-with-downloads .tab-list .slick-arrow.slick-next { right: -90px; } /*---- Sustainability Stories Landing Page ---*/ .sustainability-story-landing.discover-landing-page .discover-items-wrapper{padding-top:60px;} } @media all and (min-width: 992px) { .trust-wrapper .trust-box .trust-box-content.mbl { display:none !important; } } /*-- Tablet --*/ @media all and (max-width: 991px) { .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper { padding-top: 43px; } /*-- Existing modules --*/ .new-site-fw .fw-tabbed-wrap .tab-two-col-left.font18 ul { padding-bottom:0; } /*-- Module text and image extended style --*/ .img-rt .fw-ti-image { float:none; } .img-rt .fw-ti-inner-box { margin-right: 0; max-width:100%; } /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads .mw1170ma { max-width:767px; } .fw-tabs-with-downloads .mw1170ma .ttl-head { padding:0 30px; } .fw-tabs-with-downloads .tab-list .slick-arrow.slick-prev { right: 20px; } .fw-tabs-with-downloads .tab-list .slick-arrow.slick-next { right: -10px; } #homewrapper .fw-tabs-with-downloads .fw-tabbed-wrap { padding-left: 30px; padding-right: 30px; } .fw-tabs-with-downloads .prgm-view-all { left: 0; } .fw-tabs-with-downloads .tab-list .slick-list, .fw-tabs-with-downloads .tab-content-main { max-width: 550px; } .fw-tabs-with-downloads .fw-dwld-inner-box { text-align:left; } /*.fw-tabs-with-downloads .fw-sld-wrapper .slick-list { max-width: 425px; margin: 0 auto; }*/ .fw-intro-one-col.ttl-head { padding-bottom: 29px; } .fw-tabs-with-downloads .fw-sld-wrapper .slick-list { padding-bottom: 40px; } .fw-tabs-with-downloads .tab-content .fw-tab-dwld-sld-outer { margin-top: 32px; } /*-- Module Text + Download & Language --*/ .fw-text-download-and-language .pd-box-snapdown-content-left { padding-right:0; padding-bottom:20px; width:100%; } .fw-text-download-and-language .ar-cvr-img { padding-right:53px; } .fw-text-download-and-language .ar-right-cntnt-box { clear: none; width: auto; margin-top: 14px; } .fw-text-download-and-language .ar-languages-list { margin-right: 0; } .fw-text-download-and-language .ar-lnk-btn { clear:left; } /*-- Module TRUST --*/ /*.trust-wrapper { margin-top: 34px; }*/ .trust-icon, .word, .trust-box { height:auto !important; } .trust-wrapper .trust-box { width:100%; border-bottom: 1px solid #dfdfdf; border-right: 0 none; } .trust-wrapper .trust-box.last { border-bottom: 0 none; } .trust-wrapper .trust-box .trust-box-inner { padding: 15px 0; float: left; width: 100%; display:table; } .trust-wrapper .trust-box .trust-icon { width:20%; vertical-align: middle; display:table-cell; } .trust-wrapper .trust-box .initial-letter { width:20%; vertical-align: middle; display:table-cell; } .trust-wrapper .trust-box .word { width:60%; padding:0 5px; display:table-cell; vertical-align: middle; } .trust-wrapper .trust-box .trust-icon img { max-width: 69px; top:auto; transform: unset; -webkit-transform: unset; -ms-transform: unset; -o-transform: unset; -moz-transform: unset; } .trust-wrapper .trust-box .initial-letter p { font-size:7.143em; } .trust-wrapper .trust-box p.trust-intro { padding:0; } .trust-wrapper .trust-box.trust-box3 .trust-icon img { max-width: 65px; } .trust-wrapper .trust-box.trust-box4 .trust-icon img { max-width: 61px; } .trust-wrapper .trust-box.trust-box5 .trust-icon img { max-width: 66px; } .trust-wrapper .trust-box .word p.trust-wrd { display: inline-block; padding-bottom:5px; } .trust-wrapper .trust-box .word p.trust-wrd:after {top: 5px;display: block;float: right;position:relative;left: 20px;content: "\e311";font-family: new-icomoon !important;font-size: 0.7em; color: #fa4692;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} .trust-wrapper .trust-box .trust-box-inner.active .word p.trust-wrd:after{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);color:#fff;} .trust-wrapper .trust-box .trust-box-inner.active { background-color:#006dff; color:#fff; -webkit-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); -moz-box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); box-shadow: -3px 34px 89px -17px rgba(138,131,138,1); } .trust-wrapper .trust-box .trust-box-inner.active p { color:#fff; } .trust-wrapper .trust-box .trust-box-inner:hover .trust-box-content.dsktp { display:none; } .trust-wrapper .trust-box .trust-box-content.mbl { position: relative; clear: both; width: 100%; top: -1px; float: none; text-align: center; padding-bottom: 30px; } .trust-wrapper .trust-box .trust-box-content-inner { top:auto; transform: unset; -webkit-transform: unset; -ms-transform: unset; -o-transform: unset; -moz-transform: unset; } .trust-wrapper .trust-box .trust-box-content-inner p { padding:0 0 27px; } .trust-wrapper .trust-box .trust-box-content.dsktp { display:none; } .trust-wrapper .trust-box .trust-box-inner.active .word p.trust-wrd, .trust-wrapper .trust-box .trust-box-inner.active p.trust-intro { color:#fff; } .trust-wrapper .trust-box .trust-box-inner:hover { -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset; } /*---- Sustainability Stories Landing Page ---*/ .sustainability-story-landing.discover-landing-page .discover-items-wrapper{padding-top:20px;} /*-- 3.6 Tabs with bullets & downloads --*/ .tb-cntnt-lft { float:left; width:100%; } .tb-cntnt-rt { float:left; width:100%; } .fw-tabs-with-downloads .tb-cntnt-rt .fw-dwld-inner-box-inn { margin: 0 20px 0 0; float: left; } } @media all and (max-width: 990px) { } @media all and (max-width: 768px) { } /*-- Mobile --*/ @media all and (max-width: 767px) { .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper { padding-top: 35px; } .dct-tool-landing-page .fw-ttl-intro-section-1.fw-dct-wrapper, .dct-tool-landing-page #iframe-container.fw-dct-wrapper{padding-left:15px;padding-right:15px;} .fw-dct-wrapper { padding-left:15px; padding-right:15px; } .fw-intro-one-col.ttl-head { padding-bottom: 9px; } .section.sections-wrap > #inner-stakeholder-engagement-b.sub-section.last-div { margin-bottom: 0; } /*-- Module Text 50 / 50 --*/ .fw-text-50-50 .mw1170ma { padding-left: 15px; padding-right: 15px; } /*-- Module Tabs with Downloads --*/ .fw-tabs-with-downloads .tab-list { padding-left: 0; padding-right: 0; margin: 0 auto 30px; } #homewrapper .fw-tabs-with-downloads .fw-tabbed-wrap { padding-left: 15px; padding-right: 15px; } .fw-tabs-with-downloads .fw-dwld-inner-box-inn { margin: 0 auto; float: none; width: 200px; text-align: center; padding:0; } .fw-tabs-with-downloads .fw-dwld-inner-box-inn .fw-dwld-top { text-align: center; } .fw-tabs-with-downloads .tab-content .fw-tab-dwld-sld-outer { margin-top: 20px; } .fw-tabs-with-downloads .mw1170ma .ttl-head { padding:0 15px; } .fw-tabs-with-downloads .tab-list .slick-list, .fw-tabs-with-downloads .tab-content-main { max-width: none; } /*-- Module Text + Download & Language --*/ .fw-text-download-and-language .ar-cvr-img { padding-right:0; } .fw-text-download-and-language .ar-right-cntnt-box { clear: left; margin-top: 18px; } .fw-text-download-and-language .ar-languages-list { margin-bottom: 21px; width: 280px; } .fw-text-download-and-language .mw1170ma { padding: 0 15px; } .fw-text-download-and-language .ar-lnk-btn{ width: 280px; max-width:280px; } /*-- Module TRUST --*/ .fw-trust-module .module-max-width { padding-left: 15px; padding-right: 15px; } .trust-whole-word { display:block; padding:19px 0 28px; } .trust-whole-word p { font-size:7.0em; } .trust-wrapper .trust-box .initial-letter, .trust-wrapper .trust-box .trust-icon { display:none; } .trust-wrapper .trust-box .word { width:100%; } /*.trust-wrapper { margin-top: 29px; }*/ .trust-wrapper .trust-box .trust-box-inner { padding: 41px 0 38px; } /*-- 3.6 Tabs with bullets & downloads --*/ .fw-tabs-with-downloads .tb-cntnt-rt .fw-dwld-inner-box-inn { margin: 0 auto; float: none; max-width: none; } } @media all and (max-width: 640px) { } @media all and (max-width: 639px) { } @media all and (max-width: 360px) { } #japan.ip3-country-sites #topnavigation .fwMenuwrapper > ul li span {padding: 4px 11px 58px;} /*---- modular-main-----*/ .module-tabbed-list-section-template .tab-para h2, .module-tabbed-list-section-template .tab-para h3, .module-tabbed-list-section-template .tab-para h4{color:#10069f;} body.internetexplorer11 #headerlinks > ul > li > a span::before{font-size:0.6em;} body.internetexplorer11 .share-ticker-container iframe{height:30px;} body.megamenuhover.HideScroll .header-outer { position: relative; width: 100%;} body.HideScroll .InoMainWrapperInner{z-index:5; position:relative;} body.HideScroll .header-outer:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 5000;} body#sea #headerlinks > ul,body.ip3-sea #headerlinks > ul,body#uk #headerlinks > ul, body.ip3-uk #headerlinks > ul{width:165px;} body#sea #headerlinks ul ul,body.ip3-sea #headerlinks ul ul,body#uk #headerlinks ul ul,body.ip3-uk #headerlinks ul ul{width:165px;} body#sea #headerlinks > ul > li > a > span:after,body.ip3-sea #headerlinks > ul > li > a > span:after,body#uk #headerlinks > ul > li > a > span:after,body.ip3-uk #headerlinks > ul > li > a > span:after {right:34px;} #headerlinks > ul > li > a:hover, #headerlinks > ul > li.globalactive > a{color:#fc4191 !important;} #headerlinks > ul > li > a:hover span::after, #headerlinks > ul > li.globalactive > a span::after{ border-color: #fc4191; border-top: 2px solid #fc4191 !important;} .MainWrapperInner.home-fw,.customer-banner-container-outer{z-index: 98;} body.HideScroll .ui-corner-all span:nth-child(2){font-size:0.667em; padding-top: 9px;} body.HideScroll .ui-corner-all{color:#4E5D65;} .ftr-stay-in-touch .icon-icon-mail-cc{ font-size: 1.22em; margin-right: 16px;} /*li#nav-sustainability-level1{display:none;}*/ #searchTextboxContainer{float:none;} #SearchButtonContainer{float:right;opacity: 1;background: none; width: 50px; height: 50px; padding: 0; border: none; text-align: center; position: absolute; right: 0px; margin-top: -25px; top: 50%; transition: color .3s ease; z-index: 1;} #SearchButtonContainer:before{ content: "\e123"; display: block; font-family: "icomoon" !important; font-size: 2.8em; padding-right: 6px; text-align: right; font-weight: bold; color: #fff;} #global-search-form #SearchButtonContainer{display:block !important;} .BorderWrap{border-bottom: 3px solid #db3d94; padding: 10px 0px 0; width: 726px;} body.HideScroll #toplinks, body.HideScroll #logo{opacity:0.2;} body.HideScroll a.Nav-search__button.icon-Icon_Search:after {content:none; background: rgba(255, 255, 255, 0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:9992;} body.HideScroll .fwMenuwrapper>ul>li span{color: rgba(16, 6, 159, 0.3);} body.HideScroll #topnavigation .fwMenuwrapper > ul li.selected.haschildren a span { color: rgba(252, 65, 145, 0.3)} @media all and (max-height:640px){ .show-ul {height: calc(100vh - 150px) !important; height: -ms-calc(100vh - 150px) !important; height: -webkit-calc(100vh - 150px) !important;} } /*----------- Mega Search starts ----------*/ html.HideScroll{/*overflow:hidden;*/position: relative;height: 100%;} /*body.HideScroll .white-overlay { background: rgba(255, 255, 255, 0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9990;}*/ body.HideScroll .hide-content{visibility:hidden;} body.HideScroll .header-outer{position:fixed; width:100%;} body.megamenuhover a.Nav-search__button.icon-Icon_Search:after { content:""; background: rgba(255, 255, 255, 0.7); height: 100%;left: 0; position: absolute; top: 0; width: 100%; z-index: 100;} .ui-menu .ui-menu-item a{padding: 7px 30px;} .searchText{text-align: right;color: #fff;;margin-top: 22px;font-size: 1.286em;} .icon-Icon_Close:after { content: "\eee2"; font-family: icomoon; position: relative;color: #fff;} .Nav-search a{cursor:pointer; margin-top: 8px;} .BgColor .hide-content{background-color: #10069f; display: block; height: 100%; left: 0; opacity: 1; position: absolute; top: 120px; visibility: visible; width: 100%; z-index: 500;} body.HideScroll .Nav-search__wrapper{opacity: 1; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; visibility: visible;} .Nav-search__wrapper{opacity: 0; transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -moz-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -o-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -ms-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -webkit-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; visibility: hidden;} .Nav-search__wrapper{background-color: #10069f;z-index:99999;left: 0;position: fixed; top:143px; left:0;right:0; width: 100%;height: 100%;} body.HideScroll .ui-menu .ui-menu-item a{font-size:2.143em;} .ui-widget .ui-state-focus{background-color:#fa4692 !important; color:#fff !important} .ui-menu{width:726px !important;min-width:726px !important;max-width:726px;padding:0 !important;} .Nav-search__form input:focus{outline: none; color:#fff;} .icon-Icon_Search:before {content: "\eee1"; display: block; font-family: "icomoon" !important; font-size: 1.5em; padding-right: 6px; text-align: right; font-weight: bold;color:#fff;} #global-search-form #searchBtn{ text-indent: -9999px;position: absolute; z-index: 3; width: 70px; height: 70px; top: 10px; right: 0px; border: none; background: transparent;} #global-search-form #searchTextboxContainer input#searchTextbox:focus {font-family: "RRPioneer-Bold", Arial !important;} body.HideScroll .Nav-search__wrapper.OverlayAppears { top: 0;} #global-search-form #searchTextboxContainer input#searchTextbox{ height:auto;padding-bottom: 12px; margin-bottom: -2px;padding-left: 8px; font-family: "RRPioneer-Bold"; color: #ffffff; font-size: 4.286em; width:90%; background: transparent; border-bottom: none;border-top:none; border-right:none;border-left:none;line-height: 1.2em;} .SearchOverlay.header-outer { background: rgba(255, 255, 255, 0.8); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100;} .u-visuallyhidden{width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;position: absolute;} .Nav-search__button { text-decoration: none;color: #fff;transition: color; transition: color .3s ease; display: block;position:relative; } .Nav-search{display:inline-block;margin-top: -3px;} .Nav-search__button:hover:before{color:#fc4191;} .megamenuhover .Nav-search__button:before{color: rgba(30, 54, 67, 1);} .Nav-search__button:before { padding: 0 0px 0 6px; line-height: normal; display: block; color:#10069f; content: "\e123";display: block;font-family: "icomoon" !important;/*font-size: 2.4em;*/padding-right: 6px;text-align: right;font-weight: bold; } .Nav-search__button.open:before{color:#fa4692;} .Nav-search__button:hover, .Nav-search__button:focus { color: #e6e6e6;text-decoration: none; } .Nav-search__button:focus { outline-color: #fff; } /*.Nav-search__wrapper { display: none; min-height: 1000px; background:#10069f; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; }*/ .Nav-search__form { max-width: 726px; margin: 50px auto 0; position: relative; z-index: 1; } /*#global-search-form .Nav-search__input { background: none; width: 100%; padding: 15px 85px 15px 15px; display: block; font-size: 27px; font-size: 1.6875rem; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; line-height: 40px; font-weight: lighter; border: none; border-bottom: 2px solid #1b3548; -webkit-appearance: none; border-radius: 0; position:relative; z-index:1; }*/ .Nav-search__input::-webkit-input-placeholder {color:#fff; font-family: "RRPioneer-Bold", Arial !important; font-weight:normal;} .Nav-search__input::-moz-placeholder {color:#fff;font-weight:normal; font-family: "RRPioneer-Bold", Arial !important;} .Nav-search__input::-ms-input-placeholder {color:#fff;font-weight:normal; font-family: "RRPioneer-Bold", Arial !important;} .Nav-search__close{color: #10069f;background: none;font-size: 0.929em; margin: 0 auto;position: absolute; right: 26px; text-align: center; text-decoration: none; text-transform: uppercase; top: -10px;z-index: 1;} .maxwidth-wrapper{ max-width: 1400px;margin: 0 auto;position: relative;} .Nav-search__close .icon-Icon_Close{border-radius: 50px; display: block; font-size: 2em; height: 46px;left: 0;line-height: 30px;margin: 0 auto;padding: 5px;text-align: center;width: 46px;} .Nav-search__submit {opacity:1; background: none; width: 70px; height: 70px; padding: 0; border: none; text-align: center; line-height: 70px; position: absolute; right: 10px; top: 10px; transition: color .3s ease; z-index:1; } /*.Nav-search__close { background: none; color: #1b3548; padding-right: 0px; border: none; font-size: 13px; font-size: 0.8125rem; line-height: 30px; position: absolute; right: -42%; top: -5px; z-index: 1; transition: color; transition: color .3s ease; }*/ .Nav-search__close .icon { margin-top: -9px; position: absolute; right: 0; top: 50%; z-index: 2; } /*=============HEADER STARTS============*/ #topnavigation ul li{text-transform: none;} #MainWrapper .new-second-level-navigation-outer,#MainWrapper .new-second-level-navigation{ background:#fff;} #topnavigation .fwMenuwrapper > ul#section-Homepage-level1 li.first.level1 span{padding-left:0;} .new-second-level-navigation .new-bread-div-active-inner ul li.bread-uppercase a span.separator { display: none; } #MainWrapper .new-second-level-navigation-outer { background: #fff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto;} #topnavigation{width:100%;position: relative; z-index: 101;} #SearchButtonContainer{display:none;} #topnavigation .fwMenuwrapper > ul>li span{font-size:1.175em;} /*========MAIN CSS Line 352================*/ #searchbox, #searchinnerRP { background: transparent none repeat scroll 0 0; float: left; margin: 3px 0;} /*========MAIN CSS Line 352 ENDS================*/ #searchbox.hide{display:none;} .header-outer { background: #fff; position: relative;/*box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06);-webkit-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06);-moz-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -ms-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); -o-box-shadow: 0px 5px 24px 0px rgba(1,1,1,0.06); */z-index:99;} .megamenuhover .header-outer{z-index:auto;} #mm-0.mm-list .level1.haschildren.last { display: none;} .mm-list li.selected > a.mm-subopen:after{border-color:#10069f !important;} .mm-list li.selected > a{color: #004d91;} .mm-list li.selected a span{ color: #fa4692;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren li span { color: rgba(16, 6, 159, 0.3);} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren a span { color: rgba(30, 54, 67, 0.2);} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover a span {color: #fc4191 !important;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.selected.haschildren:hover li span {color: #fc4191 !important;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren:hover a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren:hover li span {color: #fc4191 !important;} body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren li span, body.megamenuhover #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive.selected.haschildren a span{color: #fc4191 !important;} #header { max-width: 1440px; } #headerwrapper { padding: 4px 0 0; } #logo .logo-inner img { height: 100%; max-width: 59px;} #logo { max-width: 175px; z-index: 101; } .logo-inner { padding: 20px 0 23px 30px; } body.megamenuhover #logo { z-index: 99; } #fwSubNavSignPost { display: none; } #fw-nav-contact-us-level1, #fw-nav-country-sites-level1 { display: none; } body.megamenuhover #toplinks { z-index: 99; } #toplinks { position: relative; z-index: 5000; } #topnavigation.topnavigation.pull-right { margin-right: 10px; position: relative; z-index: 101; } #topnavigation .fwMenuwrapper > ul li a, #topnavigation .fwMenuwrapper > ul li { color: #10069f; text-decoration: none; } /*#topnavigation .fwMenuwrapper > ul li { padding: 4px 18px 17px; }*/ #topnavigation .fwMenuwrapper ul li { padding: 0; } #topnavigation .fwMenuwrapper ul li:hover a { color: #fc4191; } #topnavigation .fwMenuwrapper ul li a { display: block; } #topnavigation .fwMenuwrapper > ul li span { display: block; padding: 4px 14px 0; } #topnavigation .fwMenuwrapper.fwcountrynav > ul li span {padding-bottom:53px} #topnavigation .fwMenuwrapper > ul li.hoveractive > a >span ,#topnavigation .fwMenuwrapper > ul li.hoveractive >span {padding-bottom:53px} #topnavigation .fwMenuwrapper > ul li > span { color: #fc4191;} #topnavigation .fwMenuwrapper > ul li.selected.haschildren a span { color: #fc4191; } #topnavigation .fwMenuwrapper > ul { display: inline-block; position: relative; color: #004990; float: left; font-size: 1.286em; } #topnavigation .fwMenuwrapper ul li.selected span{ color: #fc4191;} body.megamenuhover .white-overlay { background: rgba(255, 255, 255, 0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } /*body.megamenuhover .hide-content { display: block; height: 100%; left: 0; opacity: 1; position: absolute; top: 120px; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; visibility: visible; width: 100%; z-index: 500; }*/ .hide-content { opacity: 0; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; visibility: hidden; } body.megamenuhover #MainWrapper { position: relative; } .fwMenuwrapper ul li > ul { display: none; } .show-menu > ul { display: inline-block;font-size: 1.29em; margin-top: 44px; position: relative; width: 93.6666%; } #topnavigation .fwMenuwrapper ul li.level1:hover>a>span:after, #topnavigation .fwMenuwrapper ul li.level1:hover>span:after { content: ""; background: transparent; position: absolute; width: 100%; height: 207%; left: 0; top: 25px; } .show-menu > ul > li {/*padding-right: 63px;*/ } .show-menu > ul > li a { position: relative; /*border-bottom: 2px solid #fff;*/ } .show-menu ul li.level2 > ul {/*margin-left: -63px;*/} /* .show-menu ul li ul li ul {margin-left: 0;} */ .fwMenuwrapper > ul li a { text-decoration: none; } .show-ul-outer.white-bg { opacity: 1; visibility: visible; filter: alpha(opacity=100); } .show-ul-outer { background-color: transparent; left: 0; opacity: 0; position: absolute; top: 100%; visibility: hidden; width: 100%;overflow:hidden;} .white-bg .show-ul { opacity: 1; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; visibility: visible; } .show-ul:after { content: ""; height: 500px; padding-right: 10px; position: absolute; right: -100px; top: 0; width: 100px; } .show-ul { background: rgba(11, 4, 102, 1); margin: 0 auto; max-width: 1283px; opacity: 0; padding-left: 31px; padding-right: 31px; padding-top: 38px; position: absolute; transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -moz-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -o-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -ms-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; -webkit-transition: visibility 0s ease 0.5s, opacity 0.5s ease 0s; visibility: hidden; z-index: 5000; overflow: hidden; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } body.megamenuhover .show-ul { position:relative } .MainWrapperInner { position: relative; } .show-menu { float: left; width: 25%; } .show-menu ul { padding-bottom: 50px;} .show-desc { float: left; margin-left: 190px; width: 560px; padding-bottom: 50px;} .show-menu > ul > li > ul > li > ul > li > ul > li span.fa.fa-angle-right { display: none; } .show-menu ul li span.icon-chevron-right { display: inline-block; vertical-align: middle; } .show-menu ul li > ul li.level4 > span{position:relative;} .show-menu ul li > ul li{margin-right:0;} .show-menu ul > li > span { display: block; padding: 9px 20px 7px 0; position:relative;} .megamenu-close { color: #fa4692; position: absolute; right: 24px; text-decoration: none; top: 25px; z-index: 1; } .megamenu-title { color: #fff; font-size: 0.86em; position: absolute; line-height: 14px; font-family: "RRPioneer-Regular",Arial; text-transform: uppercase; letter-spacing: 1px; margin-left: 25px;} .fwNavSignpost .rad-highlight {background: none; color: #fff; font-size: 1.72em; line-height: 36px; margin: 44px 0 20px; padding: 0; } .fwNavSignpost p { color: #fff; font-size: 1.145em; line-height: 24px;} #topnavigation .fwMenuwrapper > ul li.do-opaque a, #topnavigation .fwMenuwrapper > ul li.do-opaque span { color: rgba(0, 73, 144, 0.5); } body.megamenuhover #topnavigation .fwMenuwrapper > ul li a, body.megamenuhover #topnavigation .fwMenuwrapper > ul li span { color: rgba(30, 54, 67, 0.2);} body.megamenuhover #topnavigation .fwMenuwrapper > ul li:hover a span {color: inherit;} body.megamenuhover #topnavigation .fwMenuwrapper ul li:hover a { color: #fc4191 !important;} #msearchTextboxContainer ul { max-width: none !important; padding: 0 40px; width: 100% !important;} #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive a, #topnavigation .fwMenuwrapper > ul li.do-opaque.hoveractive span {/* color: rgba(0, 73, 144, 1);*/ color:#fc4191;} .show-menu ul li { -webkit-transition: 500ms ease ; -moz-transition: 500ms ease ; -o-transition: 500ms ease ; transition: 500ms ease ; padding-bottom: 7px;/*margin-right: 63px; padding: 5px 0 11px; padding-right:0;margin-top: 0; margin-bottom: 0; border-bottom: 2px solid #fff;*/ } .show-menu > ul > li:hover {/* border-bottom: 2px solid #b2b2b1;*/ } .show-menu > ul > li:hover > a, .show-menu > ul > li:hover > span, .show-menu > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li:hover > span, .show-menu > ul > li > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li > ul > li:hover > span, .show-menu > ul > li > ul > li > ul > li > ul > li:hover > a, .show-menu > ul > li > ul > li > ul > li > ul > li:hover > span { background: #fa4692; } .show-menu > ul > li:hover, .show-menu > ul > li > ul > li:hover, .show-menu > ul > li > ul > li > ul > li:hover, .show-menu > ul > li > ul > li > ul > li > ul > li:hover { /*border-bottom: 2px solid #b2b2b1; */ } .show-menu ul > li.borderStyle > a,.show-menu ul > li.borderStyle ul > li.borderStyle > a,.show-menu ul > li.selected.borderStyle:hover > a{ padding-left: 48px; background: transparent; color: #fa4692; position: relative;} .show-menu ul > li.level2.borderStyle > a,.show-menu ul > li.level2.borderStyle ul > li.level2.borderStyle > a,.show-menu ul > li.level2.selected.borderStyle:hover > a{ padding-left: 25px; } .show-menu ul > li.borderStyle > a:after,.show-menu ul > li.borderStyle ul > li.borderStyle > a:after,show-menu ul > li.selected.borderStyle:hover > a:after{ content: ''; width: 100%; height: 2px; display: block; background: #fa4692; bottom: 0; left: 0; position: absolute;} /*.show-menu ul:not(:first-child):before{ position: absolute; content: ''; background: linear-gradient(to right, rgba(0,0,0, 0.15) 0, rgba(0,0,0, 0) 27px, rgba(0,0,0, 0) 0); display: block; top: 0; left: 0; width: 100%; height: 100%;} */ .show-menu ul.showShadow{ /* box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.05), 1px 4px 4px 0 rgba(0, 0, 0, 0.05), 16px 13px 8px 0 rgba(0, 0, 0, 0.02), 11px 12px 16px 0 rgba(0, 0, 0, 0.1), 14px 17px 32px 0 rgba(0, 0, 0, 0.04), 15px 14px 64px 0 rgba(0, 0, 0, 0.01); */ box-shadow:32px 64px 64px -16px rgba(0,0,0,0.06), 32px 32px 32px -16px rgba(0,0,0,0.06), 16px 16px 16px -8px rgba(0,0,0,0.06), 8px 8px 8px -8px rgba(0,0,0,0.03), 4px 4px 4px -4px rgba(0,0,0,0.03), 2px 2px 2px -2px rgba(0,0,0,0.03); } .show-menu> ul.showShadow:after { content: ""; background: rgba(11, 4, 102, 1); right: 100%; width: 100%; height: 100%; position: absolute; top: 0; } .show-menu ul li.current > span,.show-menu ul > li.selected > a, .show-menu ul > li.current > span { padding-left: 48px; background: transparent; color: #fa4692; position: relative;} .show-menu ul li.level2.current > span,.show-menu ul > li.level2.selected > a, .show-menu ul > li.current.level2 > span {padding-left:25px} .show-menu ul li.current > span:after,.show-menu ul > li.selected > a:after, .show-menu ul > li.current > span:after { content: ''; width: 100%; height: 2px; display: block; background: #fa4692; bottom: 0; left: 0; position: absolute;} .show-menu .fa-angle-right { font-size: 1.3rem; vertical-align: text-bottom; padding-left: 10px; font-weight: normal; color: #fa4692; transition: all 0.25s ease 0s;} .show-menu ul > li.current:hover > span,.show-menu ul > li.selected:hover > a { color:#fff; background: #fa4692;} .show-menu > ul > li > ul > li > span, .show-menu > ul > li > ul > li > ul > li > span, .show-menu > ul > li > ul > li > ul > li > ul > li > span { color: #6a6a6a; display: block; padding: 8px 35px 8px 0; text-decoration: none; position: relative; } .show-menu > ul > li > ul > li > ul > li > span { padding-bottom: 7px; } .show-menu > ul > li > ul > li > ul > li.first > span,.show-menu > ul > li > ul > li > ul > li > ul > li.first > span{padding: 8px 27px 7px 48px;} .show-menu > ul > li a, .show-menu > ul > li > span { color: #fff; display: block; padding: 7px 18px 7px 48px; text-decoration: none; position: relative; font-family: "RRPioneer-Medium", Arial; } .show-menu > ul > li.level2 > a, .show-menu > ul > li.level2 > span {padding-left:25px} .show-menu ul li.faded{opacity:0.5; transition: 500ms ease 100ms; } .megamenu-close:hover{color:#fff;} .show-menu ul li.selected > ul, .show-menu ul li:hover > ul, .show-ul ul li li:hover > ul,.show-ul ul li li li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); transition: visibility 500ms ease , opacity 500ms ease ; } .show-menu > ul > li.level2 > ul {width: calc(100% + 20px);} .show-menu ul > li:hover > a > .fa,.show-menu ul > li:hover > span > .fa{color:#fff;} .show-menu ul > li.borderStyle:hover > a > .fa{ color: #fa4692;} .show-menu ul li > ul.tempHide, .show-menu ul li > ul {/*display: none; left: 100%; position: absolute; top: 0; width: 100%;*/ left: 100%; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1; filter: alpha(opacity=0); /*padding-left: 63px !important;*/ -webkit-transition: 500ms ease ; -moz-transition: 500ms ease ; -o-transition: 500ms ease ; -ms-transition: 500ms ease ; transition: 500ms ease ; } #headerlinks { overflow: visible; padding: 0px 50px 10px 6px; position: relative; z-index: 99; } .share-ticker-container { padding: 10px 0 0; width: 150px; position: relative; } .share-link-header { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 500; } #headerlinks > ul > li { padding-right: 0px; position: relative; } #headerlinks > ul > li.globalactive:before { /*background: #fff; content: ""; height: 35px; position: absolute; right: -13px; top: 0; width: 100px;*/ } #headerlinks ul { background: #fff none repeat scroll 0 0; display: none; position: absolute; width: 138px; z-index: 1000; } #headerlinks ul ul{ box-shadow: -1px 8px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 8px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: -1px 8px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 8px 8px rgba(0, 0, 0, 0.3); -ms-box-shadow: -1px 8px 8px rgba(0, 0, 0, 0.3); } #headerlinks>ul>li.globalactive{ box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.3); -ms-box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.3); } #headerlinks ul li a { color: #4e5d65; display: block; padding: 5px 20px 5px 12px; text-decoration: none; } #headerlinks ul ul li:last-child { background: #10069f; color: #fff; position: relative; } #headerlinks ul ul li:last-child a { color: #fff; } #headerlinks ul ul li:last-child:hover a { background: #10069f; color: #fff; } #headerlinks ul ul li:last-child:before { content: "\eee3"; font-family: "icomoon" !important; margin: -9px 0 0; position: absolute; right: 7px; top: 50%; } #headerlinks > ul > li > a > img { width: 15px; margin-right: 10px; } #headerlinks > ul > li > a { position: relative; padding: 5px 20px 12px 12px;letter-spacing: -0.5px; } #headerlinks > ul { width: 138px;background: none; display: block; position: relative; } #headerlinks > ul > li > a > span:after { content: '';display: block;border: 2px solid #757575; border-top-width: 2px; left: auto; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;border-width: 0 2px 2px 0;display: inline-block;width: 8px;height: 8px;transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);margin-top: -9px;position: absolute;top:50%;right: 50%;border-width: 2px 0 0 2px; margin-right: -25px;} #headerlinks > ul > li > a > img { display: inline-block; margin-right: 10px; vertical-align: sub; width: 15px; } /*#headerlinks li:hover > ul { display: block; left: -5px;}*/ #headerlinks li { } #headerlinks ul li ul li:hover a { background:transparent; color:#10069f;font-family:"RRPioneer-Medium", Arial ; } #headerlinks > ul > li > a:hover { color: #62747d;} #headerlinks > ul > li > a:hover span::after { border-top: 2px solid #757575;} #headerlinks > ul > li > a span:before { font-size: 1.15em; } #headerlinks > ul > li > a span:before { font-family: "icomoon" !important; font-size: 1.25em; left: -6px; position: relative; top: 3px; } #headerlinks > ul > li > a span { font-family: "RRPioneer-Medium", Arial !important; text-transform:uppercase; } #SearchButtonContainer > #searchButton { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; height: 35px; position: absolute; right: 0; top: 0; width: 38px; } #SearchButtonContainer input#searchTextbox:focus { font-family: "RRPioneer-Bold", Arial !important; outline: medium none;color:#fff; } #SearchButtonContainer input#searchTextbox { color: #4e5d65; font-family: "RRPioneer-Bold", Arial !important; font-size: 1em; height: 35px; padding: 5px 5px 5px 14px; width: 140px; } #top-left.col-md-11 { float: left; width: 91.66666667%;margin-top:10px;} #toplinks #searchbox { background: #eeefef none repeat scroll 0 0; float: left; margin: 5px 30px 3px 0; width: 180px; } .megamenu-close .icon-cross { display: block; font-size: 2em; height: auto; left: 0; padding: 5px; text-align: center; } .megamenu-close:hover .icon-cross { border-color: #002445; } .megamenu-close .close-txt { display: none; font-size: 1em; letter-spacing: 0.7px; margin-top: 4px; } .logo-inner > a { display: inline-block; } /*========CountrySites============*/ #japan #nav-home-level3 a { color: #fc4191 !important; cursor: default; pointer-events: none; } #india #nav-home-level3 a { color: #fc4191 !important; cursor: default; pointer-events: none; } #korea #nav-home-level3 a { color: #fc4191 !important; cursor: default; pointer-events: none; } .fw-country-header .share-ticker-container{margin:5px 0 0 !important;} .new-bread-div.lastbread { color: #fa4692;padding:14px 10px 13px 8px } /*========CountrySites ENDS============*/ /*===========FOOTER STARTS======*/ #footer { clear: both; } /* Footer Start */ .fw-footer-outer { background: #fff none repeat scroll 0 0;} .fw-footer-inner { background: #271EA8 none repeat scroll 0 0; padding-top: 31px; clear: both;} .fw-footer-top, .fw-footer-bottom { margin: 0 auto; max-width: 1325px; } .fw-box1 {color: #FFF; float: left; width: 470px; padding-top: 3px; } .fw-box2 { float: left; width: 234px; margin-left: 74px } .fw-box3 { float: left; width: 250px; } .fw-box4 { float: left; width: 234px; } .fw-box2 ul li a { color: #fff; display: inline-block; padding: 6px 0; text-decoration: none; } .fw-box2 ul li a:hover,.fw-box3 ul li a:hover,.ftr-social a:hover, .ftr-stay-in-touch a:hover,.fw-ftr-links li a:hover {color:#fe8ebe;} .fw-box3 ul li a { color: #fff; display: inline-block; padding: 6px 0; text-decoration: none; } .fw-box1 > p:first-child { font-size: 1.714em; line-height: 1.167em; padding: 0; text-transform: none !important;} .fw-box1 p { font-size: 1.286em; line-height: 26px; padding: 18px 0 0 0px; } #ftr-nav-contact-us-level1, #ftr-nav-country-sites-level1 { display: none; } .fw-box2 ul li:first-child, .fw-box3 ul li:first-child { text-transform: uppercase; } .fw-box2 ul li:first-child a, .fw-box3 ul li:first-child a { padding: 0 0 9px;color: #A09ADB;} .fw-box2 ul li:first-child a:hover, .fw-box3 ul li:first-child a:hover {color:#fe8ebe;} .fw-ftr-logo-copy { float: left; margin-top: 21px; margin-bottom: 33px; } .fw-ftr-links { float: right; margin-top: 36px; } .fw-ftr-links li a { color: #FFF; text-decoration: none; display: block; } .fw-ftr-links li { float: left; letter-spacing: 0.4px; padding: 0 36px 0 2px; position: relative; } .fw-ftr-links li:before { color: #f4f4f9; content: "|"; right: 15px;left:auto; position: absolute; top: 0; } .fw-ftr-links li:first-child:before { content:"|"; } .fw-ftr-links li:last-child:before { content:""; } .fw-ftr-links li:last-child{padding-right: 2px;} .ftr-social li:first-child { padding-left: 0; } .ftr-social li { display: inline-block; padding-left: 8px; vertical-align: middle; } .ftr-social a, .ftr-stay-in-touch a { color: #FFF; text-decoration: none; } .ftr-stay-in-touch a { color: #fff; } .ftr-ttl { color: #A09ADB; font-size: 1em; text-transform: uppercase; } .ftr-social { margin-bottom: 35px; margin-top: 22px; } .ftr-stay-in-touch .icon-rss { font-size: 1.6em; margin-right: 10px;} .new-fb { font-size: 1.4em; margin-left: -4px; margin-top: 1px; } .new-twitter { font-size: 1.7em; margin-left: 6px; } .new-youtube { font-size: 1.7em; margin-left: 9px; margin-top: -1px; } .new-linkedin { font-size: 1.5em; margin-left: 11px; margin-top: -2px; } .ftr-stay-in-touch { margin-top: 20px; } .fw-footer-top.clearfix { border-bottom: 1px solid #d1d1ce; padding-bottom: 24px; } .copy-text { color: #fff; float: left; /*font-family: Arial;*/ font-family:"RRPioneer-Regular",Arial; font-size: 1em; line-height: 1.2em; padding-left: 23px; padding-top: 15px; } .footer-logo { float: left; margin-right: 15px; width: 40px; } .copy-text p { padding: 0; } /* Footer End */ /*===========FOOTER ENDS======*/ /*==========MEDIA QUERIES STARTS===========*/ @media all and (max-width: 1150px){ .show-desc{ margin-left: 90px; margin-top: 5px; width: 500px;} } @media all and (max-width: 1400px){ /* .Nav-search__close{ right: 22px; top: 43px;} */ .logo-inner { padding: 20px 0 23px 0; } /*.show-ul {max-width: none; padding-left: 20px;} .show-menu ul li > ul {width: 250px;} .show-menu ul ul { padding-left: 30px;}*/ #toplinks #searchbox { margin: 5px 0 3px; } #topnavigation.topnavigation.pull-right { margin-right: 0; } .megamenu-close { right: 20px; } .fw-footer-top, .fw-footer-bottom { margin: 0 20px; } .fw-box1 { width: 30%; } .fw-box2 { margin-left: 80px; width: 20%; } .fw-box3 { width: 20%; } .fw-box4 { width: 20%; } } @media all and (max-width: 1399px){ .show-menu > ul > li > ul > li > ul > li > span { padding-bottom: 11px;padding-top:11px } .show-menu > ul > li > ul > li > ul > li.first > span {padding-bottom:10px} #global-search-form #searchTextboxContainer input#searchTextbox{font-size: 3.571em; } .maxWidth{padding: 0 0 0 76px;} .stickyNavWrap .maxWidth{padding:0;} .show-menu > ul > li a, .show-menu > ul > li > span { } } @media all and (max-width: 1400px) and (min-width: 1201px) { body#india #topnavigation .fwMenuwrapper > ul li span, .ip3-india #topnavigation .fwMenuwrapper > ul li span{padding:4px 14px 58px} } @media all and (min-width: 992px){ .TrainingPortalLanding table#inv-responsive{display: table !important;} .show-menu ul > li > a, .show-menu ul > li > span {min-height: 38px;} } @media all and (max-width: 1400px) and (min-width: 992px) { body.ip3-japan #topnavigation .fwMenuwrapper > ul li span, body#japan #topnavigation .fwMenuwrapper > ul li span{font-size: 0.889em;} } @media all and (max-width: 1200px) and (min-width: 992px) { /*.Nav-search__close{RIGHT:-20%;}*/ } @media all and (max-width: 1130px) and (min-width: 992px) { body.ip3-japan #topnavigation .fwMenuwrapper > ul li span, body#japan #topnavigation .fwMenuwrapper > ul li span{padding:4px 10px 58px;} } @media all and (max-width: 1400px) and (min-width: 992px) { #topnavigation .fwMenuwrapper > ul li span{padding:4px 15px 0px; font-size:1em;} } @media all and (max-width: 1200px) { #headerwrapper {padding: 3px 0 0;} .logo-inner {padding: 13px 0 14px 0;} #headerlinks {padding-bottom:5px} #top-left.col-md-11 {margin-top:0} #logo .logo-inner img {height:70px} #topnavigation .fwMenuwrapper > ul li.hoveractive > a >span, #topnavigation .fwMenuwrapper > ul li.hoveractive >span { padding-bottom: 27px; } .Nav-search__wrapper {top:100px} } @media all and (max-width: 991px) { #MainWrapper .header-outer.nav-up { top: -90px;} body.HideScroll #toplinks, body.HideScroll #logo { opacity: 1;} .maxWidth{padding:0;} .header-outer { transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; /*height: 80px; */ position: fixed; top: 0; width: 100%;} .mob-menu:hover { text-decoration: none; color:#10069f;} /*=====Full width media queries 145=============*/ #headerlinksmobi ul ul li:last-child { background: #10069f; color: #fff; position: relative;} /*=====Full width media queries 145=============*/ #headerlinksmobi > ul > li > a > span::after { content: ""; position: absolute; right: 45px; top: 10px;border-width:2px 0 0 2px !important;border: 2px solid #757575;left: auto;width: 8px;height: 8px;transform: rotate(225deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);} .icon-globe{text-transform: uppercase;} /*-----full-width-media-queries 157====*/ .mm-list li.mmenu-section-head:hover { color: #10069f; background: transparent;} /*-----full-width-media-queries 157====*/ /*=========MMEnu 78===========*/ .mm-list li.level1{text-transform:none; } /*=========MMEnu 78===========*/ .share-ticker-container { float: none; width: 100%; border: 1px solid #f0f0ef; border-width: 1px 0; margin-bottom: 30px; padding: 10px 50px; } #sharepricetickertopXmlContainer .sharepricemain { background-color: #e5ecf5; } #sharepricetickertopXmlContainer .sharepriceimgsrc { float: right; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 8px; } #sharepricetickertopXmlContainer .sharepriceval { float: left; font-size: 18px; line-height: 30px; color: #768d99; } #sharepricetickertopXmlContainer .sharepricechngecolor-red { color: #d66 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } #sharepricetickertopXmlContainer .sharepricechngecolor-green { color: #73A373 !important; float: left; padding-bottom: 0; padding-left: 5px; padding-right: 0; padding-top: 5px; } .mob-share-txt { padding: 5px 0 8px; } #msearchbox { border-bottom: 2px solid #fa4692;background: transparent; margin: 0; } #msearchcontainer { clear: both; float: right; height: 35px; margin: 10px 0 0; overflow: hidden; } #msearchTetboxCoxntainer { float: left; } #msearchTextboxContainer input {background: transparent;border: 0 none;color: #1e3643;float: left;height: 60px;padding: 5px 50px;width: 300px;font-size: 1.3em; } #mSearchButtonContainer { background: transparent; float: right; position: relative; width: 70px; } #mSearchButtonContainer:before { color: #fa4692; content: "\e123"; display: block; font-family: "icomoon" !important; font-size: 2em; height: 60px; left: 0; padding-right: 50px; position: absolute; text-align: right; top: 20px; } #mSearchButtonContainer input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; height: 80px; overflow: hidden; padding: 0; position: absolute; right: 0; text-indent: -999999px; top: 0; width: 80px; } #msearchTextboxContainer input:focus { border: medium none; outline: medium none; font-family: "TheMix-bold", Arial !important; } #mheaderlinks, .share-ticker-container { margin-top: 25px; text-align: left; color: #004d91; } .mm-footer .share-ticker-container { padding: 17px 50px 3px;} #mheaderlinks a, #mheaderlinks a:hover { text-decoration: none; } #top-left.col-md-11 { width: auto;float: right; margin-top:18px;} .logo-inner { margin: 0; padding: 0;} #logo .logo-inner img { max-height: 70px; width: 43px; max-width: none;} #headerwrapper { padding: 10px 0;} /*---full-width-media-queries-line(180)*/ .mob-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #10069f; cursor: pointer; display: inline-block; font-size: 1em; height: auto; margin-bottom: 0px; margin-right: 0; margin-top: 0; padding-bottom: 4px; padding-right: 41px; padding-top: 6px; position: relative; text-align: right; text-decoration: none; text-transform: uppercase; width: 78px;} /*---Ends---*/ /*---full-width-media-queries-line(181)*/ .mob-menu > span { background: #10069f; display: block; height: 3px; opacity: 1; position: absolute; right: 0; top: 0; width: 30px;} /*---181 ends----*/ /*---full-width-media-queries-line(193)*/ .mob-breakpoint { clear: both; display: block; } .breakdown-point { cursor: default; } .mob-breakpoint .breakdown-point-marker { display: inline-block; position: static; } .mob-breakpoint .breakdown-point-info-slate, .mob-breakpoint .breakdown-detail { display: inline-block; position: static; } .fw-footer-top, .fw-footer-bottom { margin: 0 30px; } .fw-box1 { float: none; padding-bottom: 30px; width: 100%; } .fw-box2 { margin-left: 0; width: 50%; } .fw-box3 { width: 50%; } .fw-box4 { clear: both; float: none; padding-top: 40px; width: 100%; } .fw-footer-top.clearfix { padding-bottom: 40px; } .MainWrapperInner { padding: 0 30px; } .mob-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #10069f; cursor: pointer; display: inline-block; font-size: 1em; height: auto; margin-bottom: 0px; margin-right: 0; margin-top: 0; padding-bottom: 4px; padding-right: 41px; padding-top: 6px; position: relative; text-align: right; text-decoration: none; text-transform: uppercase; width: 78px; } .mob-menu span:nth-child(2) { top: 10px; } .mob-menu span:nth-child(3) { top: 20px; } .mm-list li.level1 a, .mm-list li.level1 a span { color: #10069f; } .mm-list li.selected a span{ color: #fa4692;} .mm-menu { background: #FFF; } .mm-menu .mm-list > li > a.mm-subclose { color: #5b5b5b; text-transform: uppercase; } .mm-list a.mm-subclose { background: none; border: none; margin: 0; padding: 12px 50px 12px 65px; } .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #5b5b5b; } .mm-menu .mm-list > li > a.mm-subclose:before { display: block; } .mm-list a.mm-subclose:before { margin-bottom: -6px; } .mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before { border-color: inherit; } .mm-list li.mmenu-section-head { color: #004990; font-size: 2.143em; font-weight: 400; padding: 15px 50px; text-transform: uppercase; } .mm-list a.mm-subopen::after, .mm-list a.mm-subclose:before { border: 2px solid transparent; bottom: 50%; content: ""; display: inline-block; height:9px; margin-bottom: -3px; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); width:9px; } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #5b5b5b; } .mm-list li:hover, .mm-list li.current, .mm-list li.selected { background: transparent none repeat scroll 0 0;color: #fa4692;} .mm-list a.mm-subopen:after { border-left: medium none; border-top: medium none; right: 52px; } .mm-list a.mm-subclose:before { border-bottom: medium none; border-right: medium none; left: 52px; } .mm-list > li > a { color: #10069f; } .mm-footer { padding: 5px 0; } #mob-menu-wrap > ul { padding-bottom: 0; padding-top: 36px; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 50px; padding-right: 30px; } .mm-list > li > a, .mm-list > li > span { padding: 10px 10px 10px 50px; } /*---full-width-media-queries-line(193) ends----*/ .mm-list li.mmenu-section-head {color: #1e3643;font-size: 2.143em; font-weight: 400; padding: 15px 50px; text-transform: none;} .fw-footer-top, .fw-footer-bottom { margin: 0 30px; } .fw-box1 { float: none; padding-bottom: 30px; width: 100%; } .fw-box2 { margin-left: 0; width: 50%; } .fw-box3 { width: 50%; } .fw-box4 { clear: both; float: none; padding-top: 30px; width: 100%; } .fw-footer-top.clearfix { padding-bottom: 40px; } .MainWrapperInner { padding: 0 30px; } .ftr-social{margin-bottom:30px;} } @media all and (min-width: 721px) and (max-width: 840px) { .fw-ftr-links li { font-size: 1em !important;} } @media all and (min-width: 801px){ /*#logo{width: 25%;}*/ } @media all and (max-width: 768px) and (min-width: 360px) { .fw-ftr-links {display: block !important; margin-top: 5px; margin-bottom: 10px; float: left;} .fw-ftr-links li { padding: 0 24px 0 2px; font-size: 0.8em;} .fw-ftr-links li:first-child { padding-left: 0px;} .fw-ftr-logo-copy { margin-bottom: 5px; width: 100%;} .fw-ftr-links li:before {left:auto;right:9px;} } @media all and (max-width: 767px){ .header-outer.nav-up { top: -100px !important;} #global-search-form #searchTextboxContainer input#searchTextbox{font-size: 2.429em;} .MainWrapperInner { padding: 0 15px;} .fw-footer-top, .fw-footer-bottom { margin: 0 15px; } #msearchTextboxContainer input { padding: 5px 80px 5px 30px; width: 100%; } #mSearchButtonContainer:before { font-size: 2em; height: 60px; left: 10px; padding-right: 50px; position: absolute; top: 19px; } #mSearchButtonContainer { height: 60px; left: auto; padding-right: 50px; position: absolute; right: 0; top: 5px;} #mSearchButtonContainer input { width: 67px; } #mSearchButtonContainer input { height: 60px; position: absolute; right: 0; top: 0; width: 70px; } #mSearchButtonContainer { width: 40px; } } @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) { .fw-ftr-links li { font-size: 1em !important;} } @media all and (max-width: 480px) { .fw-box1 { float: none; padding-bottom: 30px; width: 100%; } .fw-box2 { float: none; margin-bottom: 20px; margin-left: 0; width: 100%; } .fw-box3 { float: none; width: 100%; } .fw-box4 { clear: both; float: none; padding-top: 20px; width: 100%; } .copy-text { font-size: 0.8em; padding-left: 0; } } /*=============HEADER ENDS============*/ body.HideScroll .MainWrapperInner{z-index:-999999;} body.HideScroll.megamenuhover .MainWrapperInner{z-index:99;} .stickyNavWrap .maxWidth{max-width: 1400px;margin: 0 auto;padding: 0 40px 0 118px;} /*--------- Code of conduct header --------------*/ .microsite-menu{margin-top: 50px;} body#trent-1000-durability.ip3-level1 .max-width-content-no-image, body#trent-1000-durability.ip3-level1 .img-cnt-on-img-content{display:none;} .img-rt .fw-ti-inner-box.img_on_rhs_text_wrap { margin-top: 6px; padding-left: 0 !important; padding-right: 0 !important; /*max-width: 1170px;*/ margin-left: auto; margin-right: auto; } .clleft { clear: left; } @media all and (min-width: 1025px) { .clleft.clpdtop {padding-top: 30px;} } /*--------- Country Site - Korea Module Changes --------------*/ #korea #tabbed-content-landing .fw-tabbed-wrap .eight-column-wrapper,.ip3-korea #tabbed-content-landing .fw-tabbed-wrap .eight-column-wrapper{text-align: left;} .ip3-korea .fw-module-global-signpost .fw-global-signpost-wrapper .module-max-width .eight-column-wrapper{text-align: left;} .ip3-korea .fw-intro-section .eight-column-wrapper.centered{text-align: left;} /* .ip3-korea .fw-intro-section .eight-column-wrapper.centered{text-align: left;} */ .ip3-korea .insights-filter-inner ul li a{text-align: center;min-width: 75px;padding: 8px 10px 7px 10px;} .ip3-korea .filter-click li a{text-align:center;} .ip3-korea .fw-tabbed-wrap .eight-column-wrapper{text-align: left;} .ip3-korea .fw-intro-section .eight-column-wrapper .rad-center{margin: 0 auto;text-align: center;display: block;} /*--------- Country Site - Korea Module Changes --------------*/ /*--------- Your Virtual Resources Page --------------*/ #your-virtual-resources .fw-footer-outer .fw-footer-inner .fw-footer-top{display:none !important;} #your-virtual-resources #toplinks, #your-virtual-resources #top-left{display:none !important;} /*--------- Your Virtual Resources Page --------------*/ /*----- Footer above search apply start ------*/ /*------------- Search & apply sticky button ------------*/ footer{position:relative;margin-top:53px;} .sticky-link-v1{position:absolute;left:0;width:100%;z-index:99;bottom:100%;transition:background-color 0.3s;-ms-transition:background-color 0.3s;-webkit-transition:background-color 0.3s;z-index: 0} .sticky-link-v1.fixed{position:fixed;bottom:0;} .sticky-link-v1:not(.fixed){background:#054a24;} .sticky-link-v1 a{background:#fd4192;color:#fff;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;padding:15px 65px 12px;display: inline-block;float: right;} .sticky-link-v1:not(.fixed) a{position:relative} .sticky-link-v1:not(.fixed) a:before {transition:background-color 0.3s;-ms-transition:background-color 0.3s;-webkit-transition:background-color 0.3s;content: '';background: #fd4192;width: 99999px;right: 100%;top: 0;height: 100%;position: absolute;} .sticky-link-v1:not(.fixed) a:after {transition:background-color 0.3s;-ms-transition:background-color 0.3s;-webkit-transition:background-color 0.3s;content: '';background: #fd4192;width: 99999px;left: 100%;top: 0;height: 100%;position: absolute;} .sticky-link-v1 a:hover,.sticky-link-v1 a:hover:after,.sticky-link-v1 a:hover:before{background:#00bfbd} @media all and (max-width:1400px){ .sticky-link-v1{padding:0 25px} } @media all and (max-width:480px){ .sticky-link-v1{width:100%;padding:0;} .sticky-link-v1 a{display:block;width: 100%;text-align: center;} } .sticky-link-v1 a{ background: #10069f; min-height:60px; } .sticky-link-v1:not(.fixed) a:before, .sticky-link-v1:not(.fixed) a:after{ background: #10069f; opacity:0; pointer-events: none; } #footerwrapper .share-wrapper{ bottom: 0; position: relative; float: right; margin-right: 0; margin-left: auto;border-left: 2px solid #fff; } #footerwrapper .share-wrapper .share-tag>a{ background-color: transparent; padding: 0; border: none; } #footerwrapper .share-wrapper .share-tag{ background-image: url(~/media/Images/R/Rolls-Royce-Careers-V2/icons/share-icon.png) !important; background-color: #10069e !important; min-height: 60px; background-repeat: no-repeat; background-position: center; } #footerwrapper .share-wrapper .share-tag:hover { background-color: #00bfbd !important; } .sticky-link-v1:not(.fixed){ background: #10069f; } #footerwrapper .share-wrapper .share-icons ul{ background-color: #006dff; max-width: 58px; } #footerwrapper .share-wrapper .share-icons ul a{ background-color:transparent; border: none; padding:7px; } #footerwrapper .share-wrapper .share-icons{ position:absolute; top: 0; transform: translateY(-100%); } #sticky_nav_searchandapply{ display: flex; align-items: center; } .share-wrapper{ display:none; } #footerwrapper .share-wrapper{ display:block; } #footerwrapper .sticky-link-v1 { padding: 0 70px; } @media screen and (max-width:767px){ #footerwrapper .sticky-link-v1{ padding:0; } #footerwrapper .share-wrapper{ margin-top: -60px; top: 60px; } .bannerOverlay:before { top: 79px; } .bannerOverlay.bannerOverlayFull:before{ top:0; } #sticky_nav_searchandapply{ justify-content: center; } .banner-text-box{ border-radius:0; } } .share-tag>a>i.fa.fa-share-alt,.share-tag>a span { visibility: hidden; } #footerwrapper .share-wrapper{ bottom: 0; position: relative; float: right; margin-right: 0; margin-left: auto;border-left: 2px solid #fff; } #footerwrapper .share-wrapper .share-tag>a{ background-color: transparent; padding: 0; border: none; } #footerwrapper .share-wrapper .share-tag{ background-image: url(~/media/Images/R/Rolls-Royce-Careers-V2/icons/share-icon.png) !important; background-color: #10069e !important; min-height: 60px; } #footerwrapper .share-wrapper .share-tag:hover { background-color: #00bfbd !important; } .sticky-link-v1:not(.fixed){ background: #10069f; } #footerwrapper .share-wrapper .share-icons ul{ background-color: #006dff; max-width: 64px; margin-left: 3px; } #footerwrapper .share-wrapper .share-icons ul a{ background-color:transparent; border: none; padding:7px; } #footerwrapper .share-wrapper .share-icons{ position:absolute; top: 0; transform: translateY(-100%); } #sticky_nav_searchandapply{ display: flex; align-items: center; font-size: 18px; } .share-wrapper{ display:none; } #footerwrapper .share-wrapper{ display:block; } #footerwrapper .sticky-link-v1 { padding: 0 70px; } @media screen and (max-width:767px){ #footerwrapper .sticky-link-v1{ padding:0; } #footerwrapper .share-wrapper{ margin-top: -60px; top: 60px; } .bannerOverlay:before { top: 79px; } .bannerOverlay.bannerOverlayFull:before{ top:0; } #sticky_nav_searchandapply{ justify-content: center; } .banner-text-box{ border-radius:0; } } @media screen and (max-width: 767px ){ #sticky_nav_searchandapply { padding: 15px 90px 12px 30px; } } .share-icons ul { margin: 0 auto; float: left; background: #006dff; width: 100%; } .share-icons a { width: 60px; height: 50px; color: #fff; position: relative; transition: all 0.5s ease; display: -ms-flexbox; display: -webkit-box; display: flex; font-size: 1.9rem; } .sticky-link-v1 a { background: #10069f; min-height: 60px; } #footerwrapper .share-wrapper .share-icons ul a { background-color: transparent; border: none; padding: 7px; } #footerwrapper .share-wrapper .share-icons ul a i {margin:0 auto;} #footerwrapper { padding: 0px 0 0px; z-index: 999; } #auto-top-link {display:none !important;} /*----- Footer above search apply end ------*/ .footer-logo { float: left; margin-right: 4px; width: 60px; } .fw-ftr-logo-copy { float: left; margin-top: 5px; } .fw-footer-top .fw-box1 p {padding-top: 0px;} /*---- redesign-2019-main-----*/ .rr-black a{float:left;border:2px solid #10069f;border-radius:50px;display:block;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:0.762em;padding:0px;text-align:center;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:25px;} .rr-black a:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .rr-black a:hover:after{color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .rr-black a:after{font-size:1em !important;top:2px !important;color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .rr-black span{color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .rr-black:hover span{color:#fff !important;} .left-featured-link a{float:left;border:2px solid #10069f;border-radius:50px;display:block;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:1.143em;padding:0px;text-align:center;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:25px;} .left-featured-link a:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .left-featured-link a:hover:after{color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .left-featured-link a:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .left-featured-link a:hover:after{color:#10069f;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .left-featured-link:after{display:none !important;} .main-modular-landing.new-site-fw .PioneerMedium a{font-family:"RRPioneer-Bold",Arial !important;} .fw-module-alert-service .alert-link a{border:2px solid #fff;border-radius:50px;background:linear-gradient(to right, white 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fw-module-alert-service .alert-link a:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#fff;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fw-module-alert-service .alert-link a:hover{color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background:linear-gradient(left bottom, white 100%, transparent 0%) !important;background-position:left bottom;} .fw-module-alert-service .alert-link a:hover:after{color:#10069f;} #insights-landing #loadmore a, div#loadmore-social a, div#airline-loadmore-wrapper a.airline-loadmore{text-transform:uppercase;border-radius:50px;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;text-align:center;font-family:"RRPioneer-Bold",Arial !important;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} #insights-landing #loadmore a:after, div#loadmore-social a:after, div#airline-loadmore-wrapper a.airline-loadmore:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease} #insights-landing #loadmore a:hover, div#loadmore-social a:hover, div#airline-loadmore-wrapper a.airline-loadmore:hover{webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background:linear-gradient(left bottom, #10069f 100%, transparent 0%);background-position:left bottom !important;color:#fff !important;border-color:#10069f !important;} #insights-landing #loadmore a:hover:after, div#loadmore-social a:hover:after, div#airline-loadmore-wrapper a.airline-loadmore:hover:after{color:#fff !important;} .fw-text-download-and-language .ar-lnk-btn a{border:2px solid #10069f;border-radius:50px;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;padding:11px 0 9px;} .fw-text-download-and-language .ar-lnk-btn a:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fw-text-download-and-language .ar-lnk-btn a:after{display:inline-block;font-size:0.7em;margin-left:10px;top:0px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;transition:all 0.25s ease 0s;} .fw-text-download-and-language .ar-lnk-btn a:hover:after{color:#fff !important;} div#airline-loadmore-wrapper a.airline-t1000uh-loadmore{text-transform:uppercase;border-radius:50px;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;text-align:center;font-family:"RRPioneer-Bold",Arial !important;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} div#airline-loadmore-wrapper a.airline-t1000uh-loadmore:hover{webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background:linear-gradient(left bottom, #10069f 100%, transparent 0%);background-position:left bottom !important;color:#fff !important;border-color:#10069f !important;} div#airline-loadmore-wrapper a.airline-t1000uh-loadmore:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} div#airline-loadmore-wrapper a.airline-t1000uh-loadmore:hover:after{color:#fff !important;} .new-module-section .hide{display:none !important;} a.rad-link{/*float:left;*/ border:2px solid #10069f;border-radius:50px;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:0.889em;padding:0px;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;display:inline-block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:25px;} a.rad-link:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.rad-link:hover:after{color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.rad-link:after{font-size:1em !important;top:2px !important;color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .tab-rmlink .fw-para-link{float:none;font-size:inherit;} span.rad-link a{float:left;border:2px solid #10069f;border-radius:50px;display:block;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:0.889em;padding:0px;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:25px;} span.rad-link a:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} span.rad-link a:hover:after{color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} span.rad-link a:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f !important;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fwNavSignpost a.rad-link-1{float:left;border:2px solid #fff;border-radius:50px;display:block;background:linear-gradient(to right, white 50%, transparent 0%);background-size:200% 100%;background-position:right bottom;position:relative;padding:0px;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:20px;} .fwNavSignpost a.rad-link-1:hover{background-position:left bottom;color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fwNavSignpost a.rad-link-1:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#fff;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .fwNavSignpost a.rad-link-1:hover:after{color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.fw-para-link{float:left;border:2px solid #10069f;border-radius:50px;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 100%;background-position:right bottom;position:relative;font-size:1.143em;padding:0px;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;display:inline-block;padding:19px 25px 20px 25px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.fw-para-link:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.fw-para-link:hover:after{color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pd-snapdown-content a.fw-para-link:hover:after {color: #fff !important;} .pd-snapdown-content a.fw-para-link:hover {color: #fff !important;} a.fw-para-link:after{font-size:1em !important;top:2px !important;color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .rad-link a[href*="pdf"]{padding-left:50px !important;font-weight:bold;} .rad-link a[href*="pdf"]:before{color:#10069f !important;padding:20px 0 0 25px;overflow:visible !important;} .rad-link a[href*="pdf"]:hover:before{color:#fff !important;} .field input{float:left;border:2px solid #10069f !important;border-radius:50px;display:block;background:linear-gradient(to right, #10069f 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:1.143em;padding:0px;text-align:center;color:#10069f;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 32px 20px 32px !important;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;height:auto !important;} .field input:hover{background-position:left bottom;color:#fff !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .eight-column-wrapper.centered a.fw-para-link,.eight-column-wrapper.centered a.rad-link{float:none;margin:0 auto;display:inline-block;} /*--- Module Spacing Starts ---*/ .new-module-section{margin:80px 0;float:left;width:100%;} .new-module-section.section-grey-bg{padding:80px 0;background:#f7f7f7;} .new-module-section.Gray{padding:80px 0;background:#f7f7f7;} .new-module-section.margin-top-zero{margin-top:0px;} .new-module-section.margin-bottom-zero{margin-bottom:0px;} .new-module-section.section-grey-bg{margin:0px;} .new-module-section .fw-section-ttl, .new-module-section .pd-ttl{padding-top:0px !important;margin-top:-7px;} .new-module-section.Gray + .single-large-signpost-wrapper,.new-module-section.section-grey-bg + .new-module-section.Gray{padding-top:0px !important;} /*--- Module Spacing Ends ---*/ /*--- New Banner Starts ---*/ #new-home-version1 .breadcrumbWrap,#new-home-version2 .breadcrumbWrap,#new-home-version3 .breadcrumbWrap,#new-home-version4 .breadcrumbWrap,#new-home-version5 .breadcrumbWrap{display:none;} #Homepage .full-width-banner-inner,#china .full-width-banner-inner,#japan .full-width-banner-inner,#deutschland .full-width-banner-inner,#northamerica .full-width-banner-inner,#sea .full-width-banner-inner,#uk .full-width-banner-inner,#india .full-width-banner-inner{height:calc(100vh - 142.883px);} #Homepage.w1024 .full-width-banner-inner,#china.w1024 .full-width-banner-inner,#japan.w1024 .full-width-banner-inner,#deutschland.w1024 .full-width-banner-inner,#northamerica.w1024 .full-width-banner-inner,#sea.w1024 .full-width-banner-inner,#uk.w1024 .full-width-banner-inner,#india.w1024 .full-width-banner-inner{height:calc(100vh - 100px);} #new-home-version1 .full-width-banner-inner,#new-home-version2 .full-width-banner-inner,#new-home-version3 .full-width-banner-inner,#new-home-version4 .full-width-banner-inner,#new-home-version5 .full-width-banner-inner,#new-country-landing .full-width-banner-inner{height:calc(100vh - 142.883px) } #new-home-verison1.w1024 .full-width-banner-inner,#new-home-version2.w1024 .full-width-banner-inner,#new-home-version3.w1024 .full-width-banner-inner,#new-home-version4.w1024 .full-width-banner-inner,#new-home-version5.w1024 .full-width-banner-inner,#new-country-landing.w1024 .full-width-banner-inner{height:calc(100vh - 100px) } .full-width-banner{width:100%;} .full-width-banner-inner{margin:0 auto;width:100%;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;height:calc(100vh - 193.867px);overflow:hidden;} .w1024 .full-width-banner-inner{height:calc(100vh - 150.983px);} .w768 .full-width-banner-inner, .w480 .full-width-banner-inner, .w320 .full-width-banner-inner{height:calc(100vh - 90px) !important;min-height:500px;} .full-width-banner .inv_ParentContainer{height:calc(100vh);position:relative;} .full-width-banner .inv_ParentContainer .inv_playerContainer{height:calc(100vh) !important;background-position:center center !important;} .bnr-overlay.full-width-banner-inner:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;background-image:linear-gradient(359deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01));} .full-width-banner-main{color:#fff;left:0;margin:0 auto;max-width:1170px;right:0;top:0;width:100%;z-index:5;position:absolute;height:100%;display:table-cell;} .full-width-banner-content{width:550px;transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index:999;display:none;} .full-width-banner-content h1{color:#fff !important;padding:0 0 20px 0 !important;line-height:70px !important;} .full-width-banner-content p{padding-bottom:0px !important;} .full-width-banner-content .button{margin:25px 10px 0 0px;} .full-width-banner-content a.title-cta-link{color:#fff;} .full-width-banner-content a.title-cta-link:after{font-size:0.6em;color:#fd4192;margin-left:16px;margin-left:11px;top:1px;position:relative;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .full-width-banner-content h1 a:hover,.full-width-banner-content h1 a:hover:after,.full-width-banner-content.dark-text-option a.title-cta-link:hover{color:#006dff !important;} .full-width-banner-content.dark-text-option a.title-cta-link{color:#10069f !important;} .full-width-banner-content.dark-text-option h1{color:#10069f !important;} .full-width-banner-content.dark-text-option .full-width-banner-txt{color:#4e5d65;} .full-width-banner-content.dark-text-option a.module-cta-link{float:left;border:2px solid #10069f;background-image:linear-gradient(to right, #10069f 50%, transparent 0%);color:#10069f !important;} .full-width-banner-content.dark-text-option a.module-cta-link:hover{color:#fff !important;} .full-width-banner-content.dark-text-option a.module-cta-link:after{color:#10069f !important;} .full-width-banner-content.dark-text-option a.module-cta-link:hover:after{color:#fff !important;} .full-width-banner-content.dark-text-option a.new-vido-btn:before{border-left:13px solid #10069f;color:#10069f !important;} .full-width-banner-content.dark-text-option a.new-vido-btn:hover:before{border-left:13px solid #fff;} .full-width-banner-content.till{background-color:rgba(30, 54, 67, 0.9);padding:70px 75px;width:680px;} .full-width-banner-content.navy-blue{background-color:rgba(16, 6, 159, 0.9);padding:70px 75px;width:680px;} .full-width-banner-content.purple{background-color:rgba(127, 58, 199, 0.9);padding:70px 75px;width:680px;} .full-width-banner-content.pink{background-color:rgba(250, 70, 146, 0.9);padding:70px 75px;width:680px;} .full-width-banner-content.grey{background-color:rgba(247, 247, 247, 0.9);padding:70px 75px;width:680px;} .full-width-banner-content.box1-text-top-left{top:15%;left:0;position:absolute;} .full-width-banner-content.box2-text-top-center{top:15%;position:absolute;text-align:center;left:50%;transform:translateX(-50%);} .full-width-banner-content.box2-text-top-center .button{float:none;display:inline-block;} .full-width-banner-content.box3-text-top-right{top:15%;right:0;position:absolute;} .full-width-banner-content.box4-text-middle-left{top:50%;left:0;position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .full-width-banner-content.box5-text-middle-center{top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;left:50%;transform:translate(-50%,-50%);} .full-width-banner-content.box5-text-middle-center .button{float:none;display:inline-block;} .full-width-banner-content.box6-text-middle-right{top:50%;right:0;position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .full-width-banner-content.box7-text-bottom-left{bottom:12%;left:0;position:absolute;} .full-width-banner-content.box8-text-bottom-center{bottom:12%;position:absolute;text-align:center;left:50%;transform:translateX(-50%);} .full-width-banner-content.box8-text-bottom-center .button{float:none;display:inline-block;} .full-width-banner-content.box9-text-bottom-right{bottom:12%;right:0;position:absolute;} .banner-done .full-width-banner-content.box1-text-top-left,.banner-done .full-width-banner-content.box2-text-top-center,.banner-done .full-width-banner-content.box3-text-top-right,.banner-done .full-width-banner-content.box4-text-middle-left,.banner-done .full-width-banner-content.box5-text-middle-center,.banner-done .full-width-banner-content.box6-text-middle-right{animation-name:animatefromtop;animation-duration:2s;transition:all 0.5s ease;opacity:1;display:block;} @keyframes animatefromtop{0%{margin-top:-50px;opacity:0;visibility:hidden;} 100%{opacity:1;visibility:visible;margin-top:0px;} } .banner-done .full-width-banner-content.box7-text-bottom-left,.banner-done .full-width-banner-content.box8-text-bottom-center,.banner-done .full-width-banner-content.box9-text-bottom-right{animation-name:animatefrombottom;animation-duration:2s;transition:all 0.5s ease;opacity:1;display:block;} @keyframes animatefrombottom{0%{padding-bottom:50px;opacity:0;visibility:hidden;} 100%{opacity:1;visibility:visible;padding-bottom:0px;} } .banner-down-arrow{height:50px;width:50px;text-align:center;left:50%;transform:translate(-50%,-50%);margin:0 auto;bottom:10px;position:absolute;z-index:9;} @keyframes jump{0%{top:0;} 50%{top:10px;} 100%{top:0;} } #arrow-down{position:relative;margin:0 auto;animation:jump 1.5s infinite;font-size:4.4em;cursor:pointer;} #arrow-down.show-pink-arrow .fa-angle-down{color:#fd4192;} #arrow-down .fa-angle-down{color:#fff;transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} #arrow-down .fa-angle-down:hover{color:#10069f;transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} /*--- New Banner Ends ---*/ /*--- 2.2c T-M - Full width image text Starts ---*/ .tm-img-cnt-wrapper{/*padding-bottom:80px;*/ overflow:hidden;} .tm-img-cnt-inner{margin:0 auto;max-width:2000px;position:relative;} .tm-img-cnt-inner .tm-img-cnt-img{float:none;height:auto;left:auto;max-width:none;position:relative;right:auto;width:100%;min-height:630px;overflow:hidden;/*background-repeat:no-repeat;background-position:center center;background-size:cover;*/ } .tm-img-cnt-img > img{position:absolute;top:0;transition:0.5s ease;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease;left:-100%;right:-100%;min-height:750px;min-width:100%;width:auto;object-fit:cover;margin:0 auto;} .mac .tm-img-cnt-img > img{transition:none !important;} .tm-img-cnt-main{color:#fff;left:0;margin:0 auto;max-width:1170px;position:absolute;right:0;top:0;width:100%;z-index:5;min-height:630px;} .tm-img-cnt-inner .tm-img-cnt-txt{float:left;max-width:470px;width:100%;top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;} .tm-img-cnt-inner .tm-img-cnt-txt h2, .tm-img-cnt-inner .tm-img-cnt-txt h3, .tm-img-cnt-inner .tm-img-cnt-txt h4{color:#fff;padding-top:0px;padding-bottom:15px;} .tm-img-cnt-inner .tm-img-cnt-txt.till{background-color:rgba(30, 54, 67, 0.9);padding:70px 75px;max-width:620px;} .tm-img-cnt-inner .tm-img-cnt-txt.navy-blue{background-color:rgba(16, 6, 159, 0.9);padding:70px 75px;max-width:620px;} .tm-img-cnt-inner .tm-img-cnt-txt.purple{background-color:rgba(127, 58, 199, 0.9);padding:70px 75px;max-width:620px;} .tm-img-cnt-inner .tm-img-cnt-txt.pink{background-color:rgba(250, 70, 146, 0.9);padding:70px 75px;max-width:620px;} .tm-img-cnt-inner .tm-img-cnt-txt.grey{background-color:rgba(247, 247, 247, 0.9);padding:70px 75px;max-width:620px;} .tm-img-cnt-inner .tm-img-cnt-txt.grey h2, .tm-img-cnt-inner .tm-img-cnt-txt.grey h3, .tm-img-cnt-inner .tm-img-cnt-txt.grey h4{color:#1e3643;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .tm-img-cnt-subttl{color:#4e5d65;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .module-cta-link{float:left;border:2px solid #10069f;background-image:linear-gradient(to right, #10069f 50%, transparent 0%);color:#10069f;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .module-cta-link:hover{color:#fff !important;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .module-cta-link:hover:after{color:#fff;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .module-cta-link:hover{color:#fff !important;} .tm-img-cnt-inner .tm-img-cnt-txt.grey .module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .tm-img-cnt-inner .tm-img-cnt-txt.box-center{text-align:center;left:50%;transform:translate(-50%,-50%);} .tm-img-cnt-inner .tm-img-cnt-txt.box-center .button{float:none;display:inline-block;} .tm-img-cnt-inner .tm-img-cnt-txt.box-right{right:0px;left:auto;} .animation-done .tm-img-cnt-txt{animation-name:animateimagetop;animation-duration:2s;transition:all 0.5s ease;} @keyframes animateimagetop{0%{margin-top:50px;opacity:0;visibility:hidden;} 100%{opacity:1;visibility:visible;margin-top:0px;} } /*--- Button CTA ---*/ .button{border:none;padding:0px;} a.module-cta-link{float:left;border:2px solid #fff;border-radius:50px;display:block;background:linear-gradient(to right, white 50%, transparent 0%);background-size:200% 85%;background-position:right bottom;position:relative;font-size:1.143em;padding:0px;text-align:center;color:#fff;font-family:"RRPioneer-Bold",Arial !important;display:block;padding:19px 24px 19px 24px;text-transform:uppercase;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.module-cta-link:hover, .generic-contact-submit:hover .module-cta-link{background-position:left bottom;color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#fff;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} a.module-cta-link:hover:after{color:#10069f !important;webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} /*--- Video Button CTA ---*/ .button .new-vido-btn{padding-left:50px;} .button .new-vido-btn:before{border-bottom:8px solid transparent;border-left:13px solid #fff;border-top:8px solid transparent;content:"";left:25px;margin-top:-8px;position:absolute;top:50%;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .button:hover .new-vido-btn:before{border-bottom:8px solid transparent;border-left:13px solid #10069f;border-top:8px solid transparent;content:"";left:25px;margin-top:-8px;position:absolute;top:50%;-webkit-transition:all 0.25s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .button .new-vido-btn:after{content:"";margin-left:0px;} /*--- 2.2c T-M - Full width image text Ends ---*/ /*--- Single Small Signpost Starts ---*/ .single-small-signpost-wrapper{} .single-small-signpost-main{margin:0 auto;max-width:2000px;position:relative;} .single-small-signpost-inner{margin:0 auto;max-width:1170px;width:100%;} .single-small-signpost{border:#dfdfdf solid 1px;padding:50px 113px 17px 65px;float:left;width:100%;} .single-small-signpost.till{background-color:rgba(30, 54, 67, 1);border-color:rgba(30, 54, 67, 1);} .single-small-signpost.navy-blue{background-color:rgba(16, 6, 159, 1);border-color:rgba(16, 6, 159, 1);} .single-small-signpost.purple{background-color:rgba(127, 58, 199, 1);border-color:rgba(127, 58, 199, 1);} .single-small-signpost.pink{background-color:rgba(250, 70, 146, 1);border-color:rgba(250, 70, 146, 1);} .single-small-signpost.grey{background-color:rgba(247, 247, 247, 1);border-color:rgba(247, 247, 247, 1);} .single-small-signpost.till h3, .single-small-signpost.till .small-signpost-content,.single-small-signpost.navy-blue h3, .single-small-signpost.navy-blue .small-signpost-content,.single-small-signpost.purple h3, .single-small-signpost.purple .small-signpost-content,.single-small-signpost.pink h3, .single-small-signpost.pink .small-signpost-content{color:#fff;} .single-small-signpost.till .module-cta-link,.single-small-signpost.navy-blue .module-cta-link,.single-small-signpost.purple .module-cta-link,.single-small-signpost.pink .module-cta-link{float:left;border:2px solid #fff;background-image:linear-gradient(to right, #fff 50%, transparent 0%);color:#fff;} .single-small-signpost.till .module-cta-link:after,.single-small-signpost.navy-blue .module-cta-link:after,.single-small-signpost.purple .module-cta-link:after,.single-small-signpost.pink .module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#fff;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-small-signpost.till .module-cta-link:hover ,.single-small-signpost.navy-blue .module-cta-link:hover ,.single-small-signpost.purple .module-cta-link:hover ,.single-small-signpost.pink .module-cta-link:hover{color:#10069f !important;} .single-small-signpost.till .module-cta-link:hover:after,.single-small-signpost.navy-blue .module-cta-link:hover:after,.single-small-signpost.purple .module-cta-link:hover:after,.single-small-signpost.pink .module-cta-link:hover:after{color:#10069f !important;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-small-signpost.till .module-cta-link:hover,.single-small-signpost.navy-blue .module-cta-link:hover,.single-small-signpost.purple .module-cta-link:hover,.single-small-signpost.pink .module-cta-link:hover{color:#10069f !important;} .single-small-signpost h3{padding-top:0px;} .small-signpost-icon{float:left;padding-right:50px;padding-top:10px;} .small-signpost-content{float:left;padding-right:50px;width:58%;} .small-signpost-cta{float:right;padding-top:16px;} .single-small-signpost .module-cta-link, .generic-contact-submit .module-cta-link{float:left;border:2px solid #10069f;background-image:linear-gradient(to right, #10069f 50%, transparent 0%);color:#10069f;} .single-small-signpost .module-cta-link:after, .generic-contact-submit .module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-small-signpost .module-cta-link:hover, .generic-contact-submit:hover .module-cta-link{color:#fff !important;} .single-small-signpost .module-cta-link:hover:after, .generic-contact-submit:hover .module-cta-link:after{color:#fff !important;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-small-signpost .module-cta-link:hover{color:#fff !important;} /*--- Single Small Signpost Ends ---*/ /*--- Single Large Signpost Starts ---*/ .single-large-signpost-wrapper{} .single-large-signpost-main{margin:0 auto;max-width:2000px;position:relative;} .single-large-signpost-inner{max-width:2000px;width:100%;position:relative;text-align:center;overflow:hidden;} .section-image-on-right .large-signpost-image{float:right;} .single-large-signpost{max-width:1400px;width:100%;display:inline-block;} .large-signpost-image{float:left;min-height:522px;width:58%;background-size:cover;background-position:center center;background-repeat:no-repeat;} .large-signpost-content{float:left;min-height:522px;text-align:left;width:42%;color:#fff;position:relative;} .large-signpost-textbox{float:left;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;padding:0 20%;} .single-large-signpost h2, .single-large-signpost h3, .single-large-signpost h4{color:#fff !important;padding:0 0 20px !important;} .single-large-signpost.till{background-color:rgba(30, 54, 67, 1);border-color:rgba(30, 54, 67, 1);} .single-large-signpost.navy-blue{background-color:rgba(16, 6, 159, 1);border-color:rgba(16, 6, 159, 1);} .single-large-signpost.purple{background-color:rgba(127, 58, 199, 1);border-color:rgba(127, 58, 199, 1);} .single-large-signpost.pink{background-color:rgba(250, 70, 146, 1);border-color:rgba(250, 70, 146, 1);} .single-large-signpost.grey{background-color:rgba(247, 247, 247, 1);border-color:rgba(247, 247, 247, 1);} .single-large-signpost.grey h2, .single-large-signpost.grey h3, .single-large-signpost.grey h4{color:#1e3643 !important;} .single-large-signpost.grey .large-signpost-content{color:#4e5d65 !important;} .single-large-signpost.grey .module-cta-link{float:left;border:2px solid #10069f;background-image:linear-gradient(to right, #10069f 50%, transparent 0%);color:#10069f;} .single-large-signpost.grey .module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#10069f;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-large-signpost.grey .module-cta-link:hover{color:#fff !important;} .single-large-signpost.grey .module-cta-link:hover:after{color:#fff !important;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-large-signpost.grey .module-cta-link:hover{color:#fff !important;} .single-large-signpost .module-cta-link:after{font-size:1em;margin-left:11px;top:1px;position:relative;color:#fff;content:"\e311";font-family:new-icomoon;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .single-large-signpost .module-cta-link:hover{color:#10069f !important;} .single-large-signpost .module-cta-link:hover:after{color:#10069f !important;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .animation-done .large-signpost-textbox{animation-name:animatelargetop;animation-duration:2s;transition:all 0.5s ease;} @keyframes animatelargetop{0%{top:10%;opacity:0;visibility:hidden;transform:none;} 100%{opacity:1;visibility:visible;transform:translateY(-50%);top:50%;} } /*--- Single Large Signpost Ends ---*/ /*--- 3-5a Custom related content Starts ---*/ .related-content-manually{} .related-content-manually .hsp-main:nth-child(5){display:block;} .related-content-manually .hsp-main{margin-top:0px !important;} .related-content-manually .hsp-main{float:left;} .related-content-manually .slick-list{padding-bottom:140px !important;margin-bottom:0px !important;overflow:visible;} .related-content-manually .fw-sld-wrapper .slick-arrow{bottom:70px !important;font-size:20px !important;} .related-content-manually .fw-sld-wrapper .slick-dots{bottom:75px;} .related-content-manually .new-country-site-section.Gray{padding-bottom:0px !important;} .related-content-manually .fw-module-global-signpost-intro{margin-bottom:20px;} .related-content-manually .hsp-main,.related-content-manually .hsp-img, .related-content-manually .hsp-img img{height:auto !important;} .related-content-manually.fw-common-sld .fw-sld-wrapper{overflow:hidden;} /*--- 3-5a Custom related content Ends ---*/ /*--- 2-6 S_H - Insight Boxes With Images Starts ---*/ .insight-boxes-with-images{} .insight-boxes{margin:0 auto;max-width:1200px;text-align:center;width:100%;} .insight-boxes-with-images-item{display:inline-block;background:#fff;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border:1px solid #dfdfdf;width:47.3%;margin:24px 15px 0 15px;text-align:left;position:relative;} .insight-boxes-with-images-item:hover{-webkit-box-shadow:-3px 34px 89px -17px rgba(138,131,138,1);-moz-box-shadow:-3px 34px 89px -17px rgba(138,131,138,1);box-shadow:-3px 34px 89px -17px rgba(138,131,138,1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#006dff !important;color:#fff;border:1px solid #006dff;} .insight-boxes-with-images-item:hover p.mixbold{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .insight-boxes-with-images-item a{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1001;transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;} .insight-boxes-with-images-item img{float:left;margin:-1px;max-width:235px;width:100%;} .insight-boxes-with-images-item .insight-box-image{float:left;width:42%;} .insight-boxes-with-images-item .insight-box-text{float:left;width:58%;padding:40px 40px 0px;} .insight-boxes-with-images-item .insight-box-text .font16 p{padding-bottom:0px !important;} .insight-box-text p.mixbold{padding-bottom:15px !important;color:#10069f;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /*--- 2-6 S_H - Insight Boxes With Images Ends ---*/ /*--- 3-7b Flexible signposts Starts ---*/ .fw-flexi-sp-content-wrapper{width:100%;} .fw-flexi-sp-icon{float:left;margin-right:20px;} .fw-flexi-sp-description{width:100%;} .fw-flexible-signpost-wrapper .eight-column-wrapper{max-width:800px;width:100%;} /*--- 3-7b Flexible signposts Ends ---*/ @media (max-width:1399px){.full-width-banner-content h1{line-height:55px !important;} .new-module-section{margin:70px 0;} .new-module-section.section-grey-bg{padding:70px 0;} .new-module-section.Gray{padding:70px 0;} .related-content-manually .slick-list{padding-bottom:120px !important;} .related-content-manually .fw-sld-wrapper .slick-arrow{bottom:60px !important;} .related-content-manually .fw-sld-wrapper .slick-dots{bottom:65px;} .full-width-banner-main{max-width:83.33%;} .tm-img-cnt-main{max-width:83.33%;} .single-small-signpost-inner{max-width:83.33%;} .single-small-signpost{padding:50px 50px 17px 50px;} .small-signpost-icon{padding-right:20px;} .small-signpost-content{padding-right:20px;} .large-signpost-textbox{padding:0 15%;} .insight-boxes{max-width:83.33%;} .insight-boxes-with-images-item{width:46.5%;} .insight-boxes-with-images-item .insight-box-text{padding:35px 25px 0;} .related-content-manually .related-content-manually-inner{margin-left:0px !important;margin-right:0 !important;} .full-width-banner .inv_playerContainer{/* width:1450px !important;float:right !important;*/ } } @media all and (max-width:1399px) and (min-width:1025px){} @media (max-width:1200px){.insight-boxes-with-images-item{width:46%;} .insight-boxes-with-images-item .insight-box-image{width:45%;} .insight-boxes-with-images-item .insight-box-text{width:55%;} .insight-boxes-with-images-item .insight-box-text{padding:15px 15px 0;} } @media (max-width:1024px){.large-signpost-textbox{padding:0 10%;} .insight-boxes-with-images-item .insight-box-text{padding:15px 15px 0;} .full-width-banner .inv_playerContainer{display:none;} } @media all and (max-width:1024px) and (min-width:768px){} @media (max-width:991px){.new-module-section{margin:50px 0;} .new-module-section.section-grey-bg{padding:50px 0;} .new-module-section.Gray{padding:50px 0;} .related-content-manually .slick-list{padding-bottom:80px !important;} .related-content-manually .fw-sld-wrapper .slick-arrow{bottom:40px !important;} .related-content-manually .fw-sld-wrapper .slick-dots{bottom:45px;} .related-content-manually .fw-module-global-signpost-intro{margin-bottom:0px;} .module-cta-link{padding:15px 24px 15px 24px;} .tm-img-cnt-img > img{position:static;transform:none !important;min-height:unset;min-width:100%;width:100%;min-height:inherit;} .tm-img-cnt-inner .tm-img-cnt-img{min-height:auto;background-position:center center !important;} .tm-img-cnt-main{max-width:100% !important;min-height:auto;position:relative;} .tm-img-cnt-inner .tm-img-cnt-txt{max-width:100% !important;position:relative;transform:none;} .tm-img-cnt-inner .tm-img-cnt-txt.box-center{left:0px;text-align:left;transform:none;} .tm-img-cnt-inner .tm-img-cnt-txt{background-color:rgba(16, 6, 159, 1);padding:65px 65px;} .tm-img-cnt-inner .tm-img-cnt-txt.navy-blue{background-color:rgba(16, 6, 159, 1);} .tm-img-cnt-inner .tm-img-cnt-txt.purple{background-color:rgba(127, 58, 199, 1);} .tm-img-cnt-inner .tm-img-cnt-txt.pink{background-color:rgba(250, 70, 146, 1);} .tm-img-cnt-inner .tm-img-cnt-txt.grey{background-color:rgba(247, 247, 247, 1);} .single-small-signpost-wrapper{} .single-small-signpost-inner{} .small-signpost-content{width:50%;} .single-small-signpost{padding:30px;} .large-signpost-image{width:100%;min-height:430px;} .large-signpost-content{width:100%;min-height:auto;} .large-signpost-textbox{max-width:100% !important;position:relative;padding:70px 75px;top:0;transform:none;} @keyframes animatelargetop{0%{top:-10%;opacity:0;visibility:hidden;transform:none;} 100%{opacity:1;visibility:visible;transform:none;top:0px;} } .insight-boxes-with-images-item{width:100%;margin:18px 0 0;} .insight-boxes-with-images-item .insight-box-image{width:30%;} .insight-boxes-with-images-item .insight-box-text{width:70%;padding:40px 40px 0;} .insight-boxes-with-images-item{float:left;} .fw-flexi-sp-box.visible-desktop, .fw-flexi-sp-box.visible-tablet{width:100%;max-width:100%;margin:0 0 20px;} .fw-flexi-sp-box.flexi-item-1:hover,.fw-flexi-sp-box.flexi-item-2:hover,.fw-flexi-sp-box.flexi-item-3:hover{transform:scale(1.12) translate(0px,0px) !important;} .fw-flexi-sp-box:last-child{margin-bottom:0px;} a.fw-para-link{padding:15px 24px 15px 24px;} .rad-link a[href*="pdf"]{padding:15px 24px 15px 45px !important;} .rad-link a[href*="pdf"]:before{padding:15px 0 0 25px;} .field input{padding:15px 24px 15px 24px !important;} } @media (max-width:767px){.w768 .full-width-banner-inner, .w480 .full-width-banner-inner, .w320 .full-width-banner-inner{height:auto !important;min-height:0;background-image:none !important} .full-width-banner-main{position:relative;display:block;width:100%;left:auto;top:auto;background:#10069f !important;padding:15px 0;} .full-width-banner-content {background-color:transparent !important} .full-width-banner-content{position:relative !important;transform:none !important;top:auto !important;right:auto !important;left:auto !important} .new-banner-mobi.hide{display:block} .full-width-banner-content h1{line-height:35px !important;} .new-module-section{margin:40px 0;} .new-module-section.section-grey-bg{padding:40px 0;} .new-module-section.Gray{padding:40px 0;} .related-content-manually .slick-list{padding-bottom:60px !important;} .related-content-manually .fw-sld-wrapper .slick-arrow{bottom:30px !important;} .related-content-manually .fw-sld-wrapper .slick-dots{bottom:35px;} .full-width-banner-main{max-width:100%;} .full-width-banner-content{padding:0 15px !important;text-align:left !important;width:100% !important;} .tm-img-cnt-inner .tm-img-cnt-txt{padding:30px 15px !important;} .single-small-signpost-main{margin-left:15px;margin-right:15px;} .single-small-signpost-inner{max-width:100%;} .single-small-signpost{text-align:center;} .small-signpost-icon{padding-bottom:10px;padding-top:0px;} .small-signpost-icon, .small-signpost-content{padding-right:0px;} .small-signpost-icon, .small-signpost-content, .small-signpost-cta{width:100%;} .small-signpost-cta .button{float:none !important;display:inline-block;} .large-signpost-textbox{padding:40px 40px 40px 15px !important;} .insight-boxes-with-images-item .insight-box-text{padding:25px 40px 0;} .insight-boxes{max-width:100%;width:auto;margin:0 30px;} .visible-mobile .fw-flexi-sp-box{width:100%;max-width:80%;margin:15px 0 0;min-height:180px;} .banner-down-arrow{display:none} .visible-mobile.hide{display:block !important;} .banner-done .full-width-banner-content.box1-text-top-left, .banner-done .full-width-banner-content.box2-text-top-center, .banner-done .full-width-banner-content.box3-text-top-right, .banner-done .full-width-banner-content.box4-text-middle-left, .banner-done .full-width-banner-content.box5-text-middle-center, .banner-done .full-width-banner-content.box6-text-middle-right{animation-name:none;} .full-width-banner-content.dark-text-option a.module-cta-link,.full-width-banner-content a.module-cta-link{float:left;border:2px solid #fff;color:#fff !important;background-image:linear-gradient(to right, white 50%, transparent 0%);} .full-width-banner-content.dark-text-option a.module-cta-link:hover, .full-width-banner-content a.module-cta-link:hover{color:#10069f !important } .full-width-banner-content h1 a:hover, .full-width-banner-content.dark-text-option a.title-cta-link:hover{color:#fff !important} .full-width-banner .inv_ParentContainer{display:none} .full-width-banner-content.dark-text-option a.module-cta-link:after{color:#fff !important} .full-width-banner-content.dark-text-option a.module-cta-link:hover:after{color:#10069f !important;} .full-width-banner-content.dark-text-option h1, .full-width-banner-content.dark-text-option a.title-cta-link{color:#fff !important} .full-width-banner-content.dark-text-option .full-width-banner-txt{color:#fff} .full-width-banner-content.dark-text-option a.new-vido-btn:before{border-left:13px solid #fff;color:#fff !important;} .full-width-banner-content.dark-text-option a.new-vido-btn:hover:before{border-left:13px solid #10069f;} } @media (max-width:640px){.related-content-manually .slick-initialized .slick-slide{display:block !important; margin:0 7px;} .insight-boxes-with-images-item .insight-box-image{display:none;} .insight-boxes-with-images-item .insight-box-text{width:100%;text-align:center;padding:20px 30px 20px;} } #inner-four-signpost .first-signpost-wrap.signpost-wrapper { border: solid 1px #dfdfdf; } @media only screen and (min-width: 1024px) and (max-width: 1399px) { div#international-women-in-engineering-day-2020.full-width-banner .full-width-banner-inner { height: calc(100vh - 247.867px); } } @media all and (min-width: 721px) and (max-width: 840px) and (orientation : portrait) { div#international-women-in-engineering-day-2020.full-width-banner .full-width-banner-inner { background-size: contain; height: 390px !important; background-position: top left; min-height: 390px; } } @media all and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) { div#international-women-in-engineering-day-2020.full-width-banner .full-width-banner-inner { background-size: contain; height: 520px !important; background-position: top left; min-height: 520px; } } @media all and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) { div#international-women-in-engineering-day-2020.full-width-banner .full-width-banner-inner { height: calc(100vh - 384.867px); min-height: 500px; } } @media (max-width:767px){ div#international-women-in-engineering-day-2020 .full-width-banner-main { display: none; } } @media only screen and (min-width: 1400px) and (max-width: 1920px) { div#international-women-in-engineering-day-2020.full-width-banner .full-width-banner-inner { height: calc(100vh - 193.867px); min-height: 750px; } } .titleuppercase {text-transform:uppercase} #disclaimer-country .breadcrumbWrap, #excluded-shareholder-disclaimer .breadcrumbWrap, #full-disclaimer .breadcrumbWrap{display:none;} ul.rad-content li:after{background: #10069f; border-radius: 50%;content: "";height: 6px;left: -25px;position: absolute;top: 7px;width: 6px;display:inline-block;} ul.rad-content li{position:relative!important;display: inline-block;} .shareholder-calc fieldset { width: 100%; float: left; border: none; border-bottom: 1px solid #c0c0c0; padding: 12px; } .shareholder-calc fieldset label { width: 42%; float: left; padding-top: 7px; font-weight: bold; text-align: left; } .share-calc-note { float: left; padding: 10px; width: 100%; } .shareholder-calc fieldset label span.red, .share-calc-note p span.red { color: red; } input#RICalculate { background: #271ea8; color: #ffffff; font-family: "RRPioneer-Regular",Arial; padding: 8px 15px; margin-left: 10px; } .shareholder-calc fieldset input { padding: 8px 10px; color: black; float: left; } .share-calc-note .req { float: left; width: 42%; } .share-calc-note .sh-calc-reset { float: left; width: 50%; } .sh-calc-reset input#RIReset { background: #271ea8; color: #ffffff; font-family: "RRPioneer-Regular",Arial; padding: 8px 15px; float: left; } input#ordinaryshareholding.required { border: 1px solid red; background: #ffecec; } input#RICalculate.disabled-button { background: grey; } .shareholder-calc { width: 68%; margin: 0 auto; padding-top: 30px; } #mt30-selected-again-for-korean-ffx-batch-iii-programme .full-width-banner-content.navy-blue { width: 800px; } @media all and (min-width: 921px) and (max-width: 1040px) and (orientation : landscape) { .share-calc-note {float: left; padding: 10px; width: 100%;} .share-calc-note .sh-calc-reset {float: left; width: 30%;} .shareholder-calc {width: 76%;} } @media all and (min-width: 320px) and (max-width: 640px) and (orientation : portrait) { .shareholder-calc fieldset label {width: 100%; float: left; padding-top: 0; font-weight: bold; padding-bottom: 6px;} .shareholder-calc fieldset input {padding: 8px 10px; color: black; float: left; width: 100%;} input#RICalculate {background: #271ea8; color: #ffffff; font-family: "RRPioneer-Regular",Arial; padding: 8px 15px; margin-left: 0; margin-top: 6px; width: 40%;} .shareholder-calc {width: 100%; margin: 0 auto; padding-top: 30px;} } @media all and (min-width: 640px) and (max-width: 767px) and (orientation : landscape) { .shareholder-calc {width: 100%; margin: 0 auto; padding-top: 30px;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){ .share-calc-note {float: left; padding: 10px; width: 100%;} .share-calc-note .sh-calc-reset {float: left; width: 30%;} .shareholder-calc {width: 78%;} } @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : landscape) { .shareholder-calc {width: 100%; margin: 0 auto; padding-top: 30px;} } @media all and (min-width: 721px) and (max-width: 840px) { .shareholder-calc {width: 100%; margin: 0 auto; padding-top: 30px;} } /******QUOTE NO IMAGE MODULE******/ .quotes-no-image.light-grey{ background-color: #f7f7f7; } .quotes-no-image .top-content, .quotes-no-image .personNameWrapper{ max-width: 936px; margin: 0 auto; } .quotes-no-image .top-content p{ padding-bottom: 15px !important; color: #1e3643; } .quotes-no-image .top-content{ position:relative; } .quotes-no-image.light-grey .top-content:before{ color: #10069f; } .quotes-no-image.blue .top-content:before{ color:#97c8d0; } .quotes-no-image.pink .top-content:before{ color:#fda7c7; } .quotes-no-image.dark-grey .top-content:before{ color: #97c8d0; } .quotes-no-image .top-content:after{ content: close-quote; opacity:0; font-size:0; } .quotes-no-image .top-content:before{ content: open-quote; font-size: 125px; line-height: 1; max-height: 36px; position: absolute; top: -55px; left: 0; } .quotes-no-image{ padding: 91px 0px 78px 0 !important; } .quotes-no-image.pink{ background-color: #880e4f; color: #fff; } .quotes-no-image.pink p,.quotes-no-image.pink h2, .quotes-no-image.blue p, .quotes-no-image.blue h2, .quotes-no-image.dark-grey p,.quotes-no-image.dark-grey h2{ color:#fff; } .quotes-no-image.blue{ background-color: #10069f; color: #fff; } .quotes-no-image.dark-grey{ background-color: #1e3643; color: #fff; } .quotes-no-image.centeredContent .top-content{ max-width: 696px !important; } .quotes-no-image.centeredContent .top-content:before{ /*left: 50%; transform: translateX(-50%); */ /* top: -79px; */ } .quotes-no-image.centeredContent{ text-align:center; } /*******2.5 varition ststs CSS******/ .fw-stats-section{ padding:50px 0 !important; } .fw-stats-section.light-grey { background-color: #f7f7f7; } .fw-stats-section.blue{ background-color: #10069f; } .fw-stats-section.pink{ background-color: #880e4f; } .fw-stats-section.dark-grey{ background-color: #1e3643; } .fw-stats-section.blue h2,.fw-stats-section.blue h3,.fw-stats-section.blue h4, .fw-stats-section.blue .fw-stats-top.rr-black, .fw-stats-section.blue .fw-stats-right, .fw-stats-section.pink h2,.fw-stats-section.pink h3,.fw-stats-section.pink h4, .fw-stats-section.pink .fw-stats-top.rr-black, .fw-stats-section.pink .fw-stats-right, .fw-stats-section.dark-grey h2,.fw-stats-section.dark-grey h3,.fw-stats-section.dark-grey h4, .fw-stats-section.dark-grey .fw-stats-top.rr-black, .fw-stats-section.dark-grey .fw-stats-right{ color:#fff !important; } .fw-stats-section .fw-stats-right{ max-width:100%; text-align:center; margin: 0; padding: 0; } .fw-stats-left img{ margin-bottom: 22px; } .quotes-no-image h2{ margin-bottom: 25px !important; } .superbreaker-content ul li{ list-style: none !important; padding-bottom: 15px !important; position: relative !important; } .superbreaker-content ul { list-style-type: disc !important; padding-bottom: 14px !important; padding-left: 25px !important; } .superbreaker-content ul li::before{ background: #004990 !important; border-radius: 50% !important; content: "" !important; height: 8px !important; left: -25px !important; position: absolute; top: 9px!important; width: 8px !important; opacity:1!important; display:block !important; visibility:visible !important; } /* Social Share */ .socialShare .share-icons{ display:none; } body.ip3-edit .rr-black:hover span{ color: inherit !important; } body#press-releases .msBannerTitle.trueBannerImage, body#our-stories .msBannerTitle.trueBannerImage, body#insights .msBannerTitle.trueBannerImage, body.ip3-press-releases.ip3-media.ip3-preview .msBannerTitle.trueBannerImage, body.ip3-press-releases.ip3-media.ip3-edit .msBannerTitle.trueBannerImage { padding: 68px 61px !important; background-color: rgba(16, 6, 159, 0.9); min-width: 671px; } body#press-releases .msBannerTitle.trueBannerImage .bannerDate, body#our-stories .msBannerTitle.trueBannerImage .bannerDate, body#insights .msBannerTitle.trueBannerImage .bannerDate, body.ip3-press-releases.ip3-media.ip3-preview .msBannerTitle.trueBannerImage .bannerDate, body.ip3-press-releases.ip3-media.ip3-edit .msBannerTitle.trueBannerImage .bannerDate { display:block; margin-bottom:19px; } @media screen and (max-width:767px){ body#press-releases .msBannerTitle.trueBannerImage, body#our-stories .msBannerTitle.trueBannerImage, body#insights .msBannerTitle.trueBannerImage{ min-width:100%; padding:25px !important; } } body#press-releases .banner-cnt-right .msBannerTitle.trueBannerImage, body#our-stories .banner-cnt-right .msBannerTitle.trueBannerImage, body#insights .banner-cnt-right .msBannerTitle.trueBannerImage{ min-width:auto; } .superbreaker-image-wrapper-bg.light-blue, .page-break-section.light-blue{ background-color: #006dff; } .main-modular-landing.new-site-fw h4.font30, .discover-items-wrapper h4.font30{ font-size: 2.143em; } @media screen and (max-width:1399px){ .main-modular-landing.new-site-fw h4.font30, .discover-items-wrapper h4.font30{ font-size: 2em; } } @media screen and (max-width:767px){ .main-modular-landing.new-site-fw h4.font30, .discover-items-wrapper h4.font30{ font-size: 1.571em; } } .text-media-content-box.transparent-with-gradient-overlay:before{ background: linear-gradient(to left, rgba(0, 0, 0, 0) 2%, #000 97%); content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: calc((-100vw + 1170px)/2 - 30px); } .text-media-content-box.transparent-with-gradient-overlay.box-right:before{ background: linear-gradient(to left, rgba(0, 0, 0, 1) 2%, rgba(0,0,0,0) 97%); content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: calc((-100vw + 1170px)/2 + 30px); right: 0; } .text-media-content-box h1, .text-media-content-box h2, .text-media-content-box h3,.text-media-content-box div{ position:relative; } .text-media-content-box.transparent-with-gradient-overlay, .text-media-content-box.transparent-with-gradient-overlay.box-right{ background:transparent !important; } .reading-time-center{ font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: 1px; color: rgba(78, 93, 101, 0.4) !important; } .reading-time-center .reading-time{ font-size: 16px; line-height: 24px;color: #4e5d65; text-transform: lowercase; } #close-popup>span{ position: relative; } body#press-releases .bottom-close-wrapper a, body#our-stories .bottom-close-wrapper a, body#insights .bottom-close-wrapper a{ font-size: 14px; font-weight: bold !important; box-shadow:none !important; } .close-popup-wrapper .centerDIv{ margin: 0 auto; display: flex; justify-content: space-between; } /* body#press-releases .close-popup-wrapper, body#our-stories .close-popup-wrapper, body#insights .close-popup-wrapper{ max-width:1170px; left: 50%; transform: translateX(-50%); } .reading-time-center{ background-color: #fff; } .reading-time-center:before { content: ""; width: 10000vw; height: 150%; background-color: white; position: absolute; top: 0; left: -100%; z-index: -1; } */ .share-tag>a>i.fa.fa-share-alt{ margin-right: 9px; font-size: 19px; top: 2px; position: relative; } body#press-releases .socialShare ul li a, body#our-stories .socialShare ul li a, body#insights .socialShare ul li a{ font-size: 20px; } body#press-releases.no-scroll .no-image .home-content-fw-inner{ padding-bottom: 62px; } body#press-releases.no-scroll .no-image .home-banner-fw-inner{ background-color:#006DFF !important; } body#press-releases.no-scroll .no-image .home-banner-fw-inner h1.msBannerTitle.falseBannerImage { color:#fff; } body#press-releases.no-scroll .no-image .home-banner-fw-inner p.no-image-banner-date{ font-size: 0.75rem; line-height: 1.167; color:#fff; } body#press-releases.no-scroll p.popup-story-date{ display:none; } .img-cnt-on-img-content .font18links-1{ color:#fff !important; } .img-cnt-on-img-content .font18links-1:hover{ color: #006dff !important; } @media screen and (min-width:768px){ .scrollable-container{ margin-top: 98px; } } h2.textWhite{ color:#fff !important; } .fw-text-image .fw-text-image-wrapper p a.font18links.mixbold.fw-para-link{ color: #10069f; } .three-signpost .three-sp-title h4.font21{ font-size:21px; } @media screen and (min-width:768px) and (max-width:1024px){ .three-signpost .three-sp-title h4.font21{ font-size: 1.286em; } .text-media-content-box.transparent-with-gradient-overlay:before{ left: calc((-100vw + 83%)/2 - 30px); } .text-media-content-box.transparent-with-gradient-overlay, .text-media-content-box.transparent-with-gradient-overlay.box-right{ padding: 50px 0; max-width: 350px; } .text-media-content-box.transparent-with-gradient-overlay.box-right:before{ right: calc((-100vw + 83.33%)/2 + 30px); left: auto; } } @media screen and (max-width:767px){ .three-signpost .three-sp-title h4.font21{ font-size: 1.286em; } .text-media-content-box.transparent-with-gradient-overlay, .text-media-content-box.transparent-with-gradient-overlay.box-right{ background: #10069f !important; } .text-media-content-box.transparent-with-gradient-overlay.box-right:before, .text-media-content-box.transparent-with-gradient-overlay:before{ display:none; } } body.ip3-press-releases.ip3-media.ip3-edit .no-image .home-content-fw-inner, body.ip3-press-releases.ip3-media.ip3-preview .no-image .home-content-fw-inner{ padding-bottom: 62px; } body.ip3-press-releases.ip3-media.ip3-edit .no-image .home-banner-fw-inner, body.ip3-press-releases.ip3-media.ip3-preview .no-image .home-banner-fw-inner{ background-color:#006DFF !important; } body.ip3-press-releases.ip3-media.ip3-edit .no-image .home-banner-fw-inner h1.msBannerTitle.falseBannerImage, body.ip3-press-releases.ip3-media.ip3-preview .no-image .home-banner-fw-inner h1.msBannerTitle.falseBannerImage{ color:#fff; } body.ip3-press-releases.ip3-media.ip3-edit .no-image .home-banner-fw-inner p.no-image-banner-date, body.ip3-press-releases.ip3-media.ip3-preview .no-image .home-banner-fw-inner p.no-image-banner-date{ font-size: 0.75rem; line-height: 1.167; color:#fff; } body.ip3-press-releases.ip3-media.ip3-edit p.popup-story-date, body.ip3-press-releases.ip3-media.ip3-preview p.popup-story-date{ display:none; } body#press-releases.no-scroll .no-image .home-banner-fw-inner h1.msBannerTitle.falseBannerImage{ font-size: 2.5rem; line-height: 1.2em; } @media screen and (max-width:1399px){ body#press-releases.no-scroll .no-image .home-banner-fw-inner h1.msBannerTitle.falseBannerImage{ font-size: 2.25rem; line-height: 1.2em; } } @media screen and (max-width:991px){ body#press-releases.no-scroll .no-image .home-banner-fw-inner .home-content-fw{ background-color:transparent !important; } .socialShare a>span{ display:none; } .ts-content.related-content .in-signpost .rad-link a{ position: absolute !important; width: 100%; height: 100%; display: block; z-index: 9999; top: 0; left: 0; border-radius: 0; } .ts-content.related-content{ position:relative; } .ts-content.related-content .in-signpost{ height:100%; overflow:visible; opacity:1; } .ts-content.related-content .in-signpost .rad-link{ transform: none !important; } .ts-content.related-content .in-signpost .rad-link > a:before{ height:0 !important; } .three-signpost .in-signpost .rad-link > a:before{ width: 100%; height: 300%; top: 0; left: 0; position: absolute; transform: translateY(-60%); } .three-signpost .in-signpost .rad-link{ transform: none; } } @media (max-width: 767px){ /*.full-width-banner .inv_ParentContainer {display: block;}*/ /*.full-width-banner .inv_ParentContainer {height: calc(128px);}*/ /*.new-banner-mobi.hide {display: none;}*/ #northamerica .full-width-banner .inv_ParentContainer ,#northamerica .inv_mobilelarge.inv_playerContainer[inv_playertype='singleplayer']{height: 128px;max-height: 180px;} #northamerica .full-width-banner-inner {display: grid;} } @media (max-width: 1024px) { #northamerica .full-width-banner .inv_playerContainer {display: block;} } @media only screen and (min-device-width: 767px) and (max-device-width: 992px){ #northamerica .img-cnt-on-img .img-cnt-img > img { min-height: 500px !important; } .img-cnt-on-img .img-cnt-img { overflow: hidden; position: relative !important; } #northamerica .full-width-banner-content.box5-text-middle-center{ top: 73%; } #northamerica .full-width-banner-inner {height: calc(75vh - 142.883px) !important;} .full-width-banner .inv_ParentContainer .inv_playerContainer { height: calc(75vh) !important; } #northamerica .full-width-banner-main {position: initial;} } @media only screen and (min-device-width: 992px) and (max-device-width: 1024px) { #northamerica .full-width-banner-content.box5-text-middle-center { top: 63%; } #northamerica .full-width-banner-main {position: initial;} } @media only screen and (min-device-width: 1020px) and (max-device-width: 1024px) { #northamerica.w1024 .full-width-banner-inner {height: calc(48vh - 100px);} } @media (max-width: 767px) and (orientation:landscape) { #northamerica .full-width-banner .inv_ParentContainer, .inv_mobilelarge.inv_playerContainer[inv_playertype='singleplayer'] { height: 180px; max-height: 180px; } #northamerica .full-width-banner .inv_ParentContainer .inv_playerContainer { height: calc(74vh) !important; background-position: center center !important; } #northamerica .full-width-banner-main { display: flex;} } @media (max-width: 767px) and (orientation:landscape) { #northamerica .full-width-banner-content.box5-text-middle-center { top: 79%; } #northamerica .full-width-banner-content.box5-text-middle-center { transform: translate(-50%,-59%); padding: 40px 75px; } } @media only screen and (min-device-width: 767px) and (max-device-width: 992px) { #northamerica .full-width-banner-content.box5-text-middle-center { top: 79%; } #northamerica .full-width-banner-content.box5-text-middle-center { transform: translate(-50%,-59%); padding: 40px 75px; } } @media only screen and (min-device-width: 1020px) and (max-device-width: 1024px) and (orientation:landscape){ #northamerica.w1024 .full-width-banner-inner { height: calc(100vh - 100px); } } @media only screen and (min-device-width: 1020px) and (max-device-width: 1024px) and (orientation:portrait ){ #northamerica .full-width-banner-content.box5-text-middle-center { top: 77%; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) { .full-width-banner-content.box5-text-middle-center { top: 57%; } } /*---- module-spacing-----*/ .module-spacing-wrapper .section.sections-wrap.fist-div > .new-module-spacing:first-child {margin-top:80px !important;} .module-spacing-wrapper .section.sections-wrap.fist-div > .has-background.new-module-spacing:first-child {padding:80px 0; margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:first-child {margin-top:0;} .module-spacing-wrapper .section.sections-wrap.last-div .new-country-site-section {margin:40px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-testimonial, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-stats-section.new-module-spacing,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-progressive-disclosure,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-contact-cards-sld,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-downloads-sld,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-ship-design, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-feature-listing, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner + script + script + .fw-map-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.sub-section.last-div.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-two-col, .module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-dataviz-map,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost.last-div ,#country-content-container.module-spacing-wrapper #fwContentWrapper .fw-tabbed-wrap-inner.new-module-spacing, .module-spacing-wrapper .section.sections-wrap div#airline-loadmore-wrapper.new-module-spacing ,#trent-1000-updates-hub #inner-the-full-story-signposts, .section.sections-wrap .new-country-site-section.new-module-spacing, .discover-item-page .section.sections-wrap .new-country-site-section.fw-single-img-sld.new-module-spacing {margin:40px 0; float:left; width:100%;} .module-spacing-wrapper .section.sections-wrap.content-module-wrap .new-module-spacing.fw-tabbed-wrap-inner {margin:40px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .new-module-spacing:first-child {margin:80px 0 40px; float:left; width:100%; padding:0;} .module-spacing-wrapper .section.sections-wrap.fist-div .has-background.new-module-spacing:first-child {padding:80px 0; margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:first-child {margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing {margin:40px 0; padding:0; float:left; width:100%;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:nth-last-child(-n+2) {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:80px 0;} .module-spacing-wrapper .new-module-spacing {max-width:none !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White {padding:0;} /*.section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing {margin:40px 0; padding:0; float:left; width:100%;}*/ .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing.has-background {padding:80px 0;} .section.sections-wrap .new-country-site-section.fw-intro-section.new-module-spacing {margin:40px 0; } .module-spacing-wrapper .section.sections-wrap.last-div > .new-module-spacing:last-child {margin:40px 0 80px;} .module-spacing-wrapper .section.sections-wrap.last-div > .has-background.new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.last {margin-bottom:80px !important;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.has-bg-image.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing.fist-div:first-child {margin-top:0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .White.has-background.new-module-spacing.fist-div:first-child {margin-top:80px !important; padding:0;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing + .has-background.new-module-spacing {margin-top:-40px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-bg-image + .new-module-spacing.has-bg-image, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-bg-image {margin-top:-40px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .sub-section .pd-box-wrapper.clearfix {min-height:200px;} .section.sections-wrap .new-country-site-section.fw-large-signpost.new-module-spacing {margin:40px 0;} .module-spacing-wrapper .new-module-spacing .snapdown-module.snapmodule-max-width {margin:0 auto;} .module-spacing-wrapper .new-module-spacing.no-padding-top {padding-top:0 !important;} .module-spacing-wrapper .new-module-spacing.no-padding-bottom {padding-bottom:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White.last {margin-bottom:80px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background.White {margin:40px 0; padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.no-padidng-top {padding-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.no-padidng-bottom {padding-bottom:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-progressive-disclosure .pd-box-wrapper.clearfix:last-child {min-height:201px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:last-child {margin-bottom:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .aftermarket-progressive-disclosure.sub-section.new-country-site-section {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.Gray + .new-module-spacing.has-background.Gray {padding-top:0px; padding-bottom:80px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-contact-cards-sld .slick-list {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .fw-pd-wrapper {max-width:1170px; margin:0 auto;} /*.module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-tabbed-wrap-inner .fw-tabbed-wrap {max-width:none;}*/ .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section {max-width:none;} .module-spacing-wrapper .section.sections-wrap div#airline-loadmore-wrapper.new-module-spacing.story-load-more-btn {min-height:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.related-content-manually .slick-list {padding-bottom: 60px !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.related-content-manually .fw-sld-wrapper .slick-arrow {bottom:-7px !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.related-content-manually .fw-sld-wrapper .slick-dots {bottom:0 !important;} .new-module-spacing .module-social.social-page {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_mapHeader {padding-top:80px;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_Map {margin-bottom:-40px;} .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing.minus-margin {margin-top:-40px !important; padding-top:0;} .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing.minus-margin.new-module-inner-space {padding-top:80px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.margin-bottom-zero {margin-bottom:0 !important} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.margin-top-zero {margin-top:0 !important} .module-spacing-wrapper .filter-max-width {margin:45px auto 0;} .module-spacing-wrapper div#loadmore-social {margin:40px 0 0;} .fw-tabbed-wrap-inner.new-module-spacing .fw-tabbed-wrap {max-width:1170px; margin:0 auto;} .section.sections-wrap .new-module-spacing.fw-tabbed-wrap-inner {max-width:none;} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .module-spacing-wrapper .section.sections-wrap.fist-div .new-module-spacing:first-child {margin-top:70px !important;} .module-spacing-wrapper .section.sections-wrap.fist-div .has-background.new-module-spacing:first-child {padding:70px 0; margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:first-child {margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap.last-div .new-country-site-section {margin:35px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-progressive-disclosure, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-contact-cards-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-downloads-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-ship-design, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-feature-listing,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner + script + script + .fw-map-wrap-inner,.module-spacing-wrapper .section.sections-wrap > .sub-section.last-div, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.sub-section.last-div.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-two-col, .module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-dataviz-map, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost.last-div, #country-content-container.module-spacing-wrapper #fwContentWrapper .fw-tabbed-wrap-inner.new-module-spacing, .module-spacing-wrapper .section.sections-wrap div#airline-loadmore-wrapper.new-module-spacing ,#trent-1000-updates-hub #inner-the-full-story-signposts, .section.sections-wrap .new-country-site-section.new-module-spacing, .discover-item-page .section.sections-wrap .new-country-site-section.fw-single-img-sld.new-module-spacing {margin:35px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section:first-child {margin:70px 0 35px;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section:first-child {padding-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-testimonial, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-stats-section.new-module-spacing {margin:35px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:70px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White {padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing {margin:35px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:70px 0;} .module-spacing-wrapper .new-module-spacing {max-width:none !important;} /*.section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing {margin:35px 0;}*/ .section.sections-wrap .new-country-site-section.fw-intro-section.new-module-spacing {margin:35px 0; } .module-spacing-wrapper .section.sections-wrap.last-div > .new-module-spacing:last-child {margin:35px 0 70px;} .module-spacing-wrapper .section.sections-wrap.last-div > .has-background.new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.last {margin-bottom:70px !important;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.has-bg-image.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing.last {margin-bottom:0px !important;} .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing.has-background {padding:70px 0;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-bg-image + .new-module-spacing.has-bg-image, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-bg-image,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background {margin-top:-35px;} .section.sections-wrap .new-country-site-section.fw-large-signpost.new-module-spacing {margin:35px 0;} .module-spacing-wrapper .new-module-spacing .snapdown-module.snapmodule-max-width {margin:0 auto;} .module-spacing-wrapper .new-module-spacing.no-padding-top {padding-top:0 !important;} .module-spacing-wrapper .new-module-spacing.no-padding-bottom {padding-bottom:0 !important;} /* .module-spacing-wrapper .section.sections-wrap + .section.sections-wrap > .new-module-spacing:first-child {margin-top:0;}*/ .module-spacing-wrapper .section.sections-wrap .new-module-spacing .fw-pd-wrapper {max-width:83.33%; margin:0 auto;} /* .module-spacing-wrapper .section.sections-wrap .new-module-spacing .fw-tabbed-wrap {max-width:83.33%; margin:0 auto;} */ .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing:first-child {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White.last{margin-bottom:70px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background.White {margin:35px 0;padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .aftermarket-progressive-disclosure.sub-section.new-country-site-section {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.Gray + .new-module-spacing.has-background.Gray {padding-top:0px;padding-bottom:70px;} .module-spacing-wrapper .section.sections-wrap.fist-div > .White.has-background.new-module-spacing.fist-div:first-child {margin-top:70px !important; padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.story-load-more-btn {min-height:0 !important; margin-top:35px !important;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-list {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-arrow {bottom:0px;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-dots {bottom:0; padding:30px 0 0 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_mapHeader {padding-top:70px;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_Map {margin-bottom:-40px;} .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing.minus-margin {margin-top:-35px !important; padding-top:0;} .module-spacing-wrapper div#loadmore-social {margin:35px 0 0;} .section.sections-wrap .fw-tabbed-custom.fw-tabbed-wrap-inner.fw-country-vid-img-tab-wrapper.fw-tabbed-wrap-inner.new-module-spacing {max-width:none;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { .module-spacing-wrapper .section.sections-wrap.fist-div .new-module-spacing:first-child {margin-top:50px !important;} .module-spacing-wrapper .section.sections-wrap.fist-div .has-background.new-module-spacing:first-child {padding:50px 0; margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:first-child {margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap.last-div .new-country-site-section {margin:25px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-progressive-disclosure, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-contact-cards-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-downloads-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-ship-design, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-feature-listing,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner + script + script + .fw-map-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.sub-section.last-div.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-two-col,.module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-dataviz-map, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost.last-div, #country-content-container.module-spacing-wrapper #fwContentWrapper .fw-tabbed-wrap-inner.new-module-spacing, .module-spacing-wrapper .section.sections-wrap div#airline-loadmore-wrapper.new-module-spacing ,#trent-1000-updates-hub #inner-the-full-story-signposts, .section.sections-wrap .new-country-site-section.new-module-spacing, .discover-item-page .section.sections-wrap .new-country-site-section.fw-single-img-sld.new-module-spacing {margin:25px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section:first-child {padding-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-testimonial, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-stats-section.new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section {margin:25px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section.new-module-spacing:first-child {margin:50px 0 25px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:50px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White {padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing {margin:25px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:50px 0;} .module-spacing-wrapper .new-module-spacing {max-width:none !important;} .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing {margin:25px 0;} .section.sections-wrap .new-country-site-section.fw-intro-section.new-module-spacing {margin:25px 0; } .module-spacing-wrapper .section.sections-wrap.last-div > .new-module-spacing:last-child {margin:25px 0 50px;} .module-spacing-wrapper .section.sections-wrap.last-div > .has-background.new-module-spacing:last-child {margin-bottom:0;} .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing.has-background {padding:50px 0;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-bg-image + .new-module-spacing.has-bg-image, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-bg-image,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background {margin-top:-25px;} .section.sections-wrap .new-country-site-section.fw-large-signpost.new-module-spacing {margin:25px 0;} .module-spacing-wrapper .new-module-spacing .snapdown-module.snapmodule-max-width {margin:0 auto;} .module-spacing-wrapper .new-module-spacing.no-padding-top {padding-top:0 !important;} .module-spacing-wrapper .new-module-spacing.no-padding-bottom {padding-bottom:0 !important;} /* .module-spacing-wrapper .section.sections-wrap + .section.sections-wrap > .new-module-spacing:first-child {margin-top:0;}*/ .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing:first-child {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White.last{margin-bottom:50px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background.White {margin:25px 0;padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .aftermarket-progressive-disclosure.sub-section.new-country-site-section {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.Gray + .new-module-spacing.has-background.Gray {padding-top:0px; padding-bottom:50px;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.last-div {margin-bottom:25px;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.last {margin-bottom:50px !important;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.has-bg-image.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap.fist-div > .White.has-background.new-module-spacing.fist-div:first-child {margin-top:50px !important; padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.story-load-more-btn {min-height:0 !important; margin-top:25px !important;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-list {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-arrow {bottom:0px;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-dots {bottom:0; padding:30px 0 0 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_mapHeader {padding-top:50px;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_Map {margin-bottom:-40px;} .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing.minus-margin {margin-top:-25px !important; padding-top:0;} .module-spacing-wrapper div#loadmore-social {margin:25px 0 0;} } @media only screen and (min-width: 320px) and (max-width: 767px) { .fw-progressive-disclosure .fw-pd-wrapper {padding: 15px;} .module-spacing-wrapper .section.sections-wrap.fist-div .new-module-spacing:first-child {margin-top:40px !important;} .module-spacing-wrapper .section.sections-wrap.fist-div .has-background.new-module-spacing:first-child {padding:40px 0; margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:first-child {margin-top:0 !important;} .module-spacing-wrapper .section.sections-wrap.last-div .new-country-site-section {margin:20px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-progressive-disclosure, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-contact-cards-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-downloads-sld, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-ship-design, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-feature-listing,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-addresses-wrap-inner + script + script + .fw-map-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.sub-section.last-div.fw-flickr, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-two-col,.module-spacing-wrapper .section.sections-wrap.fist-div .new-country-site-section.fw-large-signpost, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-dataviz-map, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-tabbed-wrap-inner.fw-tabbed-list-wrap-inner, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-module-global-signpost.last-div, #country-content-container.module-spacing-wrapper #fwContentWrapper .fw-tabbed-wrap-inner.new-module-spacing, .module-spacing-wrapper .section.sections-wrap div#airline-loadmore-wrapper.new-module-spacing ,#trent-1000-updates-hub #inner-the-full-story-signposts,.section.sections-wrap .new-country-site-section.new-module-spacing, .discover-item-page .section.sections-wrap .new-country-site-section.fw-single-img-sld.new-module-spacing {margin:20px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section:first-child {padding-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-testimonial, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-stats-section.new-module-spacing, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.fw-intro-section {margin:20px 0;} .module-spacing-wrapper .section.sections-wrap.fist-div > .new-country-site-section.new-module-spacing:first-child {margin:40px 0 20px;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:40px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White {padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing {margin:20px 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background {padding:40px 0;} .module-spacing-wrapper .new-module-spacing {max-width:none !important;} .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing {margin:20px 0;} .section.sections-wrap .new-country-site-section.fw-intro-section.new-module-spacing {margin:20px 0; } .module-spacing-wrapper .section.sections-wrap.last-div > .new-module-spacing:last-child {margin:20px 0 40px;} .module-spacing-wrapper .section.sections-wrap.last-div > .has-background.new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.last {margin-bottom:40px !important;} .module-spacing-wrapper .section.sections-wrap > .new-module-spacing.has-bg-image.last {margin-bottom:0px !important;} .module-spacing-wrapper .section.sections-wrap > .has-background.new-module-spacing.last {margin-bottom:0px !important;} .section.sections-wrap .new-country-site-section.fw-intro-section.fw-full-width-text.new-module-spacing.has-background {padding:40px 0;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-bg-image + .new-module-spacing.has-bg-image, .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-bg-image,.module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background {margin-top:-20px;} .section.sections-wrap .new-country-site-section.fw-large-signpost.new-module-spacing {margin:20px 0;} .module-spacing-wrapper .new-module-spacing .snapdown-module.snapmodule-max-width {margin:0 auto;} /* .module-spacing-wrapper .section.sections-wrap + .section.sections-wrap > .new-module-spacing:first-child {margin-top:0;}*/ .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing:first-child {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.White.last{margin-bottom:40px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.has-background + .new-module-spacing.has-background.White {margin:20px 0;padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .new-module-spacing:last-child {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing .aftermarket-progressive-disclosure.sub-section.new-country-site-section {margin-top:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.Gray + .new-module-spacing.has-background.Gray {padding-top:0px;padding-bottom:40px;} .module-spacing-wrapper .section.sections-wrap > .sub-section.new-module-spacing.last-div {margin-bottom:20px;} .module-spacing-wrapper .section.sections-wrap .new-country-site-section.new-module-spacing.AftermarketTabs{margin-bottom:20px;} .module-spacing-wrapper .section.sections-wrap.fist-div > .White.has-background.new-module-spacing.fist-div:first-child {margin-top:40px !important; padding:0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.fw-contact-cards-sld .slick-dots {margin:30px 0 0;} .module-spacing-wrapper .section.sections-wrap .new-module-spacing.story-load-more-btn {min-height:0 !important; margin-top:20px !important;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-list {margin-bottom:0;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-arrow {bottom:0px;} .module-spacing-wrapper .section.sections-wrap .fw-downloads-sld.new-module-spacing .fw-sld-wrapper .slick-dots {bottom:0; padding:30px 0 0 0;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_mapHeader {padding-top:40px;} .module-spacing-wrapper .section.sections-wrap.fist-div .fw-dataviz-map.has-background.new-module-spacing .inv_Map {margin-bottom:-40px;} .module-spacing-wrapper .section.sections-wrap .has-background.new-module-spacing.minus-margin {margin-top:-20px !important; padding-top:0;} .module-spacing-wrapper div#loadmore-social {margin:20px 0 0;} } @media only screen and (min-width: 320px) and (max-width: 479px){ .module-spacing-wrapper .section.sections-wrap .new-module-spacing .fw-stats-box:last-child {margin-bottom:0 !important;} } @media only screen and (min-width: 768px) { .snapdown-module .new-module-spacing .fw-sld-wrapper .slick-dots {bottom:0;} .snapdown-module .new-module-spacing .fw-sld-wrapper .slick-arrow.slick-next {bottom:0;} .snapdown-module .new-module-spacing .fw-sld-wrapper .slick-arrow.slick-prev {bottom:0;} } body.ip3-contact-us .module-full-width-text.new-module-spacing{max-width: none !important;} div#terms-and-conditions { margin-bottom: 50px;} div#innovation-2-2-t_m---half-width, div#digital-data-2-2-t_m---half-width, div#availability-2-2-t_m---half-width, div#innovation-2-2-t_m---half-width, div#electric-2-2-t_m---half-width, div#oiv-2-2-t_m---half-width{ padding-bottom: 0; padding-top: 0; margin-top: 0; margin-bottom: 0; } div#copy-of-2-2-t_m---half-width { padding-bottom: 0; padding-top: 0; } div#summary-2-1b-text---full-width { padding-top: 40px; } #visitor-form #section-eq-form { margin-top: 0!important; } @media only screen and (min-width: 1025px) and (max-width: 1399px) { #corporate-care-enhanced .module-spacing-wrapper .section.sections-wrap .new-module-spacing.has-background.Gray + .new-module-spacing.has-background.Gray{ padding-bottom: 0px; } } /*---- module--header-popup-----*/ .module__header-popup.d-none-tooltip{display:none!important;} .module__header-popup{background: #10069F;display:none;justify-content:center;padding:32px 0;} .module__header-popup .cross-close:before{ content: '\2715'; font-size: 20px; float:right; position:absolute; right:42px; color:#fff; } .module__header-popup .first-row{display:flex;gap:40px;align-items:center; max-width: 934px;} .module__header-popup .row-header{display:flex;justify-content:space-between;gap} .module__header-popup .header-container{width:calc(100% - 425px);} .module__header-popup .content__description{color:white;} .module__header-popup .content__title h4{color:white;} .module__header-popup .header-link{ padding: 22px 30px; color: white; border-radius: 114px; float: none; border: 2px solid #fff; background: linear-gradient(to right,#fff 50%,transparent 0); background-size: 202% 99%; background-position: right bottom; position: relative; font-size: 16px; text-align: center; font-weight: 700; font-family: 'RRPioneer-Bold'; line-height: normal; color: #fff; display: inline-block; text-transform: uppercase; webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: flex; max-width: 180px; justify-content: center; } .module__header-popup .header-link:hover{ background-position: left bottom; color: #10069f!important; webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s; } @media all and (max-width: 1024px) { body .module__header-popup .cross-close:before { z-index: 100; /* top:108px; */ } .module__header-popup .row-header{flex-direction:column;gap:30px;} } @media all and (min-width: 820px) and (max-width: 940px) { body .module__header-popup .cross-close:before { z-index: 100; top:108px; } } @media all and (max-width: 767.96px) { .module__header-popup .first-row { display: flex; gap: 17px; align-items: self-start!important; /* max-width: 934px; */ flex-direction: column; } .module__header-popup .row-header { display: flex; justify-content: space-between; flex-direction: column; row-gap: 30px; } .module__header-popup .row-header{padding:15px;} .module__header-popup .cross-close:before{ right: 23px; top: 144px; } .module__header-popup .first-row img{width:10%;} }