#masthead { background:#FFF; height:660px; min-height:540px; min-width:1018px; overflow:hidden; position:relative; width:100%; z-index:1; } #masthead .banner_wrapper { background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; opacity:0; position:absolute; visibility:hidden; width:100%; -webkit-transition-property:opacity, visibility; -moz-transition-property:opacity, visibility; -ms-transition-property:opacity, visibility; -o-transition-property:opacity, visibility; transition-property:opacity, visibility; -webkit-transition-duration:200ms; -moz-transition-duration:200ms; -ms-transition-duration:200ms; -o-transition-duration:200ms; transition-duration:200ms; -webkit-transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms; } #masthead .banner_wrap { height:100%; left:0; position:relative; top:0; width:100%; } #masthead .banner { cursor:pointer; height:418px; margin:-209px auto 0 auto; position:relative; top:50%; width:1068px; } #masthead .banner .graphics { height:418px; margin:0 auto; position:relative; width:100%; } #masthead .banner .graphic { height:418px; left:1400px; position:absolute; width:100%; -webkit-transition-property:left; -moz-transition-property:left; -ms-transition-property:left; -o-transition-property:left; transition-property:left; -webkit-transition-duration:700ms; -moz-transition-duration:700ms; -ms-transition-duration:700ms; -o-transition-duration:700ms; transition-duration:700ms; -webkit-transition-delay:200ms; -moz-transition-delay:200ms; -ms-transition-delay:200ms; -o-transition-delay:200ms; transition-delay:200ms; -webkit-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -moz-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -ms-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -o-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); } #masthead .banner .graphic:first-child { -webkit-transition-delay:100ms; -moz-transition-delay:100ms; -ms-transition-delay:100ms; -o-transition-delay:100ms; transition-delay:100ms; } #masthead .banner .text { height:250px; left:1400px; letter-spacing:-0.8px; position:absolute; top:222px; width:650px; z-index:15; -webkit-transition-property:left; -moz-transition-property:left; -ms-transition-property:left; -o-transition-property:left; transition-property:left; -webkit-transition-duration:700ms; -moz-transition-duration:700ms; -ms-transition-duration:700ms; -o-transition-duration:700ms; transition-duration:700ms; -webkit-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -moz-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -ms-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -o-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); } #masthead .banner_wrapper.lefthidden .banner .graphic, #masthead .banner_wrapper.lefthidden .banner .text { left:-1400px; } #masthead .banner h2 { color:#F0F0F0; font-size:50px; line-height:45px; margin:0 0 15px 0; text-shadow:none; } #masthead .banner p { font-size:17px; font-weight:100; letter-spacing:-0.031em; line-height:20px; margin:-5px 0 0 3px; } #masthead .banner p a { color:#F0F0F0; text-decoration:none; } #masthead #banner_access_management_and_authentication .banner h2, #masthead #banner_hpe_merger .banner h2, #masthead #banner_adaptive_identity_governance .banner h2, #masthead #banner_facilitate_and_control_access .banner h2, #masthead #banner_govern_and_manage_rights .banner h2, #masthead #banner_identity_powered_security .banner h2, #masthead #banner_2016 .banner h2, #masthead #banner_monitor_user_activity .banner h2, #masthead #banner_privileged_identity_management .banner h2, #masthead #banner_strong_two-factor_authentication .banner h2 { color:#FFF; font-size:48px; font-weight:200; letter-spacing:0.004em; line-height:45px; margin:0 0 15px 2px; text-shadow:none; } #masthead #banner_access_management_and_authentication .banner h3, #masthead #banner_hpe_merger .banner h3, #masthead #banner_adaptive_identity_governance .banner h3, #masthead #banner_facilitate_and_control_access .banner h3, #masthead #banner_govern_and_manage_rights .banner h3, #masthead #banner_identity_powered_security .banner h3, #masthead #banner_monitor_user_activity .banner h3, #masthead #banner_privileged_identity_management .banner h3, #masthead #banner_strong_two-factor_authentication .banner h3 { color:#FFF; font-size:18px; letter-spacing:0.021em; line-height:18px; margin:0 0 15px 2px; text-shadow:none; width:700px; } #masthead #banner_access_management_and_authentication .banner h3 span, #masthead #banner_adaptive_identity_governance .banner h3 span, #masthead #banner_facilitate_and_control_access .banner h3 span, #masthead #banner_govern_and_manage_rights .banner h3 span, #masthead #banner_identity_powered_security .banner h3 span, #masthead #banner_monitor_user_activity .banner h3 span, #masthead #banner_privileged_identity_management .banner h3 span, #masthead #banner_strong_two-factor_authentication .banner h3 span { color:#00C3FF; } #masthead #banner_access_management_and_authentication .banner p, #masthead #banner_hpe_merger .banner p, #masthead #banner_adaptive_identity_governance .banner p, #masthead #banner_facilitate_and_control_access .banner p, #masthead #banner_govern_and_manage_rights .banner p, #masthead #banner_identity_powered_security .banner p, #masthead #banner_monitor_user_activity .banner p, #masthead #banner_privileged_identity_management .banner p, #masthead #banner_strong_two-factor_authentication .banner p { border:3px solid #00C3FF; border-radius:24px; font-size:16px; font-weight:300; height:34px; letter-spacing:-0.031em; line-height:32px; margin:35px 0 0; text-align:center; width:180px; } .fr-fr #masthead #banner_privileged_identity_management .banner p { width:200px; } #masthead #banner_access_management_and_authentication .banner p a, #masthead #banner_hpe_merger .banner p a, #masthead #banner_adaptive_identity_governance .banner p a, #masthead #banner_facilitate_and_control_access .banner p a, #masthead #banner_govern_and_manage_rights .banner p a, #masthead #banner_identity_powered_security .banner p a, #masthead #banner_monitor_user_activity .banner p a, #masthead #banner_privileged_identity_management .banner p a, #masthead #banner_strong_two-factor_authentication .banner p a { color:#00C3FF; padding:7px; text-decoration:none; } #masthead #banner_discovermf .banner .text {left: 30%; top: 90px;} #masthead #banner_discovermf .banner {padding: 50px 300px;} #masthead #banner_discover_mf .banner h2 {font-size: 65px; display: inline; font-weight: 300; text-shadow: 0px 0px 4px #0006; letter-spacing: 3px;} #masthead #banner_discover_mf .banner h3 {font-size: 40px; color: #FFFFFF; font-weight: 100; text-shadow: 0px 0px 4px #0006!important; letter-spacing: 1px; padding: 10px 0;} #masthead #banner_discover_mf .banner p {padding: 30px 0;} #masthead #banner_discover_mf .banner a {padding: 10px 70px 10px 70px; border-radius: 20px; border: 1px solid #FFFFFF; background-color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; text-shadow: none; color: #000000; letter-spacing: 0px;} #masthead .banner_wrapper.active { opacity:1; visibility:visible } #masthead .banner_wrapper.active .graphic { left:0px; opacity:1; -webkit-transition-delay:700ms; -moz-transition-delay:700ms; -ms-transition-delay:700ms; -o-transition-delay:700ms; transition-delay:700ms; } #masthead .banner_wrapper.active .graphic:first-child { -webkit-transition-delay:600ms; -moz-transition-delay:600ms; -ms-transition-delay:600ms; -o-transition-delay:600ms; transition-delay:600ms; } #masthead .banner_wrapper.active .text { left:78px; opacity:1; -webkit-transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; transition-delay:500ms; } .ja-jp #masthead .banner .text { width:920px; } .ja-jp #masthead .banner h2 { font-size:40px; } .en-us #masthead .banner h2 br { display:none; } section p.more a { color:#289FD9 !important; display:inline; font-size:17px; font-weight:100; } section p.more a:hover { color:#74D0F6 !important; } section.keyhighlights { background-color:#F2F2F2; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; padding-bottom:132px; } section.keyhighlights .container { border-bottom:10px solid #FFF; border-top:7px solid #FFF; height:305px; overflow:hidden; } section.keyhighlights h3 { color:#289FD9; font-size:40px; font-weight:100; margin:0 auto; padding:50px 0 43px 0; width:978px; } section.keyhighlights .panel { background-color:#FFF; border-left:8px solid #FFF; border-right:8px solid #FFF; display:block; height:305px; margin:0 auto; padding:0; position:relative; width:978px; } section.keyhighlights .highlight { background-color:#F2F2F2; float:right; height:100%; width:49.5%; } section.keyhighlights .highlight:first-child { float:left; } section.keyhighlights .highlight:hover { background-color:#DDD; cursor:pointer; } section.keyhighlights .panel p { font-size:17px; font-weight:100; line-height:140%; margin:0; padding:20px 230px 0 40px; } section.keyhighlights .panel p:first-child { background:transparent url(/common/img/home/corner.png) no-repeat top right; } section.keyhighlights .panel p strong { display:block; font-size:21px; font-weight:500; padding-bottom:4px; padding-top:20px; } section.keyhighlights .panel a { color:#289FD9; } .revealcontent { left:0; min-width:1018px; position:absolute; top:630px; width:100%; z-index:100; } .revealcontent a { background:transparent url(/common/img/home/scrolldown.png) no-repeat top left; display:block; height:59px; left:50%; margin-left:-30px; overflow-x:hidden; position:absolute; text-indent:-999px; top:0; width:63px; } section.trends { background:transparent url(/common/img/home/bg_trends.jpg) no-repeat bottom center; background-size:cover; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; } section.trends .container { color:#FFF; height:679px; margin:0 auto; width:978px; } section.trends h3 { color:#FFF; font-size:43px; font-weight:100; margin:0; padding:92px 10px 78px 10px; } .ja-jp section.trends h3 { color:#FFF; font-size:40px; font-weight:100; margin:0; padding:92px 10px 78px 10px; } section.trends ul { list-style-type:none; margin:0; padding:0; } section.trends li { display:inline-block; width:33%; } section.trends a { background-repeat:no-repeat; background-position:top center; color:#66CDF5; display:block; font-size:17px; font-weight:100; position:relative; text-align:center; text-decoration:none; } section.trends a strong { color:#FFF; display:block; font-size:30px; font-weight:100; } section.trends a img.main { margin-bottom:12px; opacity:1; transition:all 0.5s ease-in-out; perspective:800px; perspective-origin:50% 100px; } section.trends a img.hover { left:50%; margin-left:-71px; opacity:0; position:absolute; top:0px; transition:all 0.5s ease-in-out; perspective:800px; perspective-origin:50% 100px; } section.trends a:hover img.main { transform:rotateY(360deg); opacity:0; } section.trends a:hover img.hover { transform:rotateY(360deg); opacity:1; } section.videos { background-color:#000; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; padding-bottom:96px; padding-top:96px; } section.videos .container { margin:0 auto; position:relative; width:978px; } section.videos h3 { color:#289FD9; font-size:40px; font-weight:100; margin:0 auto; padding:0 0 42px 0; width:978px; } section.videos p.more { margin:0; padding:130px 0 26px 0; text-align:right; } section.videos #media_embed_wrapper { max-width:100%; } section.newsandevents { background-color:#F2F2F2; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; padding-bottom:96px; padding-top:82px; } section.newsandevents .container { margin:0 auto; position:relative; width:978px; } section.newsandevents h3 { border-bottom:1px solid #E1E2E3; color:#289FD9; font-size:40px; font-weight:100; line-height:110%; margin:0; padding:0 0 46px 0; } section.newsandevents .news { float:left; width:195px; } section.newsandevents .news ul { list-style-type:none; margin:0; padding:0; } section.newsandevents .news li a { color:#231F20; font-weight:100; } section.newsandevents .news li a em { color:#27A9E1; font-style:normal; } section.newsandevents .news li a strong { color:#939597; display:block; font-weight:100; padding-bottom:4px; } section.newsandevents .news-items, .newsandevents .events-items { border-bottom:1px solid #E1E2E3; border-top:1px solid #FFF; height:540px; } section.newsandevents p.more { border-top:1px solid #FFF; font-size:17px; font-weight:100; margin:0; padding:20px 0; } section.newsandevents .events { float:right; width:752px; } section.newsandevents .events li { list-style-type:none; margin:0; padding:0; } section.newsandevents .featured-events { float:left; list-style-type:none; margin:0; padding:20px 0 0 0; width:520px; } section.newsandevents .featured-events .top { position:relative; } section.newsandevents .featured-events .top strong { color:#FFF; font-size:37px; font-weight:100; left:136px; line-height:46px; position:absolute; text-shadow:0px 0px 6px #000; top:38px; width:340px; } section.newsandevents .featured-events .bottom { padding-top:25px; } section.newsandevents .events a { color:#231F20; font-size:17px; font-weight:100; } section.newsandevents .events a time { color:#939597; font-weight:100; margin-right:4px; } section.newsandevents .events a strong { font-weight:500; } section.newsandevents .events a .description { display:block; } section.newsandevents .events a em { color:#27A9E1; font-weight:100; font-style:normal; } section.newsandevents .events a em:hover { color:#74D0F6; } section.newsandevents .other-events { float:right; list-style-type:none; margin:0; padding:0; width:195px; } section.newsandevents .news li, section.newsandevents .other-events li { border-bottom:1px solid #E1E2E3; border-top:1px solid #FFF; font-size:17px; list-style-type:none; margin:0; padding:14px 0 20px 0; } section.newsandevents .news li strong, .newsandevents .news li time, .newsandevents .other-events li strong, .newsandevents .other-events li time { display:block; } section.newsandevents .news li:first-child, .newsandevents .other-events li:first-child { border-top:none; } section.newsandevents .news li:last-child, .newsandevents .other-events li:last-child { border-bottom:none; } section.newsandevents .events p.more { padding-left:556px; } section.blogs { background-color:#E6E7E8; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; padding-top:96px; padding-bottom:62px; } section.blogs .container { margin:0 auto; position:relative; width:978px; } section.blogs h3 { color:#289FD9; font-size:40px; font-weight:100; line-height:110%; margin:0; padding:0 0 42px 0; } section.blogs .social { position:absolute; right:0px; top:0px; } section.blogs .social strong { font-weight:100; line-height:30px; margin-right:10px; } section.blogs p.more { margin:0; padding:40px 0 0 0; text-align:right; } section.blogs .communityfeed ul { list-style-type:none; margin:0; padding:0; width:990px; } section.blogs .communityfeed li { background-position:top left; background-repeat:no-repeat; float:left; list-style-type:none; margin:0 12px 0 0; padding:0; width:318px; } section.blogs .communityfeed p { margin:0 0 12px 0; padding:0; } section.blogs .communityfeed p a { display:block; padding:137px 0 0 0; } section.blogs .communityfeed p span.post { background-color:rgba(0, 0, 0, 0.7); display:block; padding:16px 36px 30px 36px; } section.blogs .communityfeed p strong { color:#FFF; display:block; font-size:28px; font-weight:100; height:106px; line-height:120%; margin-bottom:12px; overflow:hidden; width:100%; word-wrap:break-word; } section.blogs .communityfeed p span.desc { color:#FFF; display:none; font-size:16px; font-weight:100; height:100px; margin-top:6px; margin-bottom:12px; overflow:hidden; width:100%; word-wrap:break-word; } section.blogs .communityfeed p em { color:#FFF; font-size:17px; font-style:normal; font-weight:100; text-align:right; } section.blogs .communityfeed p time { color:#289FD9; font-size:17px; font-weight:100; margin-right:12px; } section.blogs .communityfeed p a:hover { background-color:rgba(0, 152, 209, 0.7); } section.blogs .communityfeed p a:hover strong { display:none; } section.blogs .communityfeed p a:hover span.post { background-color:transparent; } section.blogs .communityfeed p a:hover span.desc { display:block; } section.blogs .communityfeed p a:hover time { color:#FFF; } section.customers { background-color:#F1F1F2; font-family:"myriad-pro",helvetica,arial,san-serif; min-width:1018px; padding-bottom:62px; padding-top:96px; } section.customers .container { margin:0 auto; position:relative; width:978px; } section.customers h3 { color:#289FD9; font-size:40px; font-weight:100; line-height:110%; margin:0; padding:0 0 42px 0; } section.customers p.more { margin:0; padding:140px 0 0 0; text-align:right; } section.customers ul { padding-top:45px; } /* Individual Banners -------------------------------------------------- */ /* NEW BANNERS - 1/18/16 */ #masthead #banner_access_management_and_authentication { background-image:url(/common/img/home/banners/banner_govern_and_manage_rights.jpg); } #masthead #banner_access_management_and_authentication .graphic.icon { background:url(/common/img/home/banners/banner_govern_and_manage_rights-icon.png) 82px 150px no-repeat; } #masthead #banner_hpe_merger { background-image:url(/common/img/home/NetIQ_homepg.jpg); } #masthead #banner_hpe_merger .graphic.icon { background:none; } #masthead #banner_adaptive_identity_governance { background-image:url(/common/img/home/banners/banner-aig-mf-netiq.jpg); } #masthead #banner_adaptive_identity_governance .graphic.icon { background:url(/common/img/home/banners/banner_identity_powered_security-icon.png) 82px 150px no-repeat; } #masthead #banner_facilitate_and_control_access { background-image:url(/common/img/home/banners/banner_facilitate_and_control_access.jpg); } #masthead #banner_facilitate_and_control_access .graphic.icon { background:url(/common/img/home/banners/banner_facilitate_and_control_access-icon.png) 82px 150px no-repeat; } #masthead #banner_govern_and_manage_rights { background-image:url(/common/img/home/banners/banner_govern_and_manage_rights.jpg); } #masthead #banner_govern_and_manage_rights .graphic.icon { background:url(/common/img/home/banners/banner_govern_and_manage_rights-icon.png) 82px 150px no-repeat; } #masthead #banner_identity_powered_security { background-image:url(/common/img/home/banners/banner_identity_powered_security.jpg); } #masthead #banner_identity_powered_security .graphic.icon { background:url(/common/img/home/banners/banner_identity_powered_security-icon.png) 82px 150px no-repeat; } #masthead #banner_monitor_user_activity { background-image:url(/common/img/home/banners/banner_monitor_user_activity.jpg); } #masthead #banner_monitor_user_activity .graphic.icon { background:url(/common/img/home/banners/banner_monitor_user_activity-icon.png) 82px 150px no-repeat; } #masthead #banner_privileged_identity_management { background-image:url(/common/img/home/banners/banner_privileged_identity_management.jpg); } #masthead #banner_privileged_identity_management .graphic.icon { background:url(/common/img/home/banners/banner_privileged_identity_management-icon.png) 82px 150px no-repeat; } #masthead #banner_strong_two-factor_authentication { background-image:url(/common/img/home/banners/banner_facilitate_and_control_access.jpg); } #masthead #banner_strong_two-factor_authentication .graphic.icon { background:url(/common/img/home/banners/banner_facilitate_and_control_access-icon.png) 82px 150px no-repeat; } #masthead #banner_discover_mf { background-image:url(/common/img/home/banners/discover-mf-banner.png); } /* Micro Focus */ #masthead #banner_microfocus { background-image:url(/common/img/home/banners/microfocus_bg.jpg); } /* Disaster Recovery banner */ #masthead #banner_dr { background-image:url(/common/img/home/banners/disaster_recovery_bg.jpg); } #masthead #banner_dr .graphic.icon { background:url(/common/img/home/banners/disaster_recovery_icon.png) 79px 126px no-repeat; } #masthead #banner_dr .text { width:662px; } /* Identity Driven Access banner */ #masthead #banner_iam { background-image:url(/common/img/home/banners/iam_banner_bg.jpg); } #masthead #banner_iam .graphic.globe { background:url(/common/img/home/banners/iam_banner_globe.png) 522px top no-repeat; } #masthead #banner_iam .graphic.icon { background:url(/common/img/home/banners/iam_banner_icon.png) 79px 126px no-repeat; } /* Healthcare banner */ #masthead #banner_healthcare { background-image:url(/common/img/home/banners/healthcare_banner_bg.jpg); } #masthead #banner_healthcare .graphic.icon { background:url(/common/img/home/banners/healthcare_icon.png) 79px 126px no-repeat; } /* Security Management banner */ #masthead #banner_securitymgt { background-image:url(/common/img/home/banners/securitymgt_banner_bg.jpg); } #masthead #banner_securitymgt .graphic.icon { background:url(/common/img/home/banners/securitymgt_icon.png) 79px 126px no-repeat; } /* Japanaese banners */ .ja-jp #masthead .banner h2 { color:#000000; font-size:38px; line-height:45px; margin:0 0 15px 0; text-shadow:none; } .ja-jp #masthead .banner p a { color:#289FD9; text-decoration:none; } /* SSPR banner */ #masthead #banner_sspr { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_sspr .text { height:56px; left:340px; top:167px; width:695px; } #masthead #banner_sspr .graphic.reset { background:url(/ja-jp/common/img/home/banners/sspr_reset.png) 75px 55px no-repeat; z-index:5; } #masthead #banner_sspr .graphic.icon { background:url(/ja-jp/common/img/home/banners/sspr_icon.png) 338px 77px no-repeat; } #masthead #banner_sspr .banner h2 { font-size:38px; } html.mobile #masthead #banner_sspr { background-image:url(/common/img/home/banners/disaster_recovery_mobile.jpg); } html.mobile #masthead #banner_sspr .graphic.icon { display:none; } /* Forge banner */ #masthead #banner_forge { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_forge .text { height:70px; left:551px; top:180px; width:395px; } #masthead #banner_forge .text p { font-size:16px !important; letter-spacing:-0.031em; margin-left:3px; margin-top:-5px; } #masthead #banner_forge .graphic.server { background:url(/ja-jp/common/img/home/banners/platespinforge_servers.png) 90px 42px no-repeat; z-index:5; } #masthead #banner_forge .graphic.icon { background:url(/ja-jp/common/img/home/banners/platespinforge_icon.png) 551px 77px no-repeat; } html.mobile #masthead #banner_forge { background-image:url(/common/img/home/banners/disaster_recovery_mobile.jpg); } html.mobile #masthead #banner_forge .graphic.icon { display:none; } /* Identity Driven Access banner */ #masthead #banner_idm { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_idm .text { height:70px; left:400px; top:188px; width:695px; } #masthead #banner_idm .graphic.safe { background:url(/ja-jp/common/img/home/banners/identitymanager_safe.png) 90px 42px no-repeat; z-index:5; } #masthead #banner_idm .graphic.icon { background:url(/ja-jp/common/img/home/banners/identitymanager_icon.png) 400px 77px no-repeat; } html.mobile #masthead #banner_forge { background-image:url(/common/img/home/banners/disaster_recovery_mobile.jpg); } html.mobile #masthead #banner_forge .graphic.icon { display:none; } /* AppManager banner */ #masthead #banner_appmananger { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_appmananger .text { height:70px; left:345px; top:188px; width:680px; } #masthead #banner_appmananger .graphic.apserver { background:url(/ja-jp/common/img/home/banners/appmanager_server.png) 25px 42px no-repeat; z-index:5; } #masthead #banner_appmananger .graphic.icon { background:url(/ja-jp/common/img/home/banners/appmanager_icon.png) 345px 77px no-repeat; } html.mobile #masthead #banner_appmananger { background-image:url(/common/img/home/banners/disaster_recovery_mobile.jpg); } html.mobile #masthead #banner_appmananger .graphic.icon { display:none; } /* Aegis banner */ #masthead #banner_aegis { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_aegis .text { height:70px; left:410px; top:196px; width:640px; } #masthead #banner_aegis .graphic.securitycamera { background:url(/ja-jp/common/img/home/banners/aegis_securitycamera.png) 70px 0px no-repeat; z-index:5; } #masthead #banner_aegis .graphic.icon { background:url(/ja-jp/common/img/home/banners/aegis_icon.png) 410px 77px no-repeat; } html.mobile #masthead #banner_aegis { background-image:url(/common/img/home/banners/disaster_recovery_mobile.jpg); } html.mobile #masthead #banner_aegis .graphic.icon { display:none; } /* Old banners */ #masthead #banner_ag { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_ag .graphic.car { background:url(/common/img/home/banners/car.png) 8px 42px no-repeat; } #masthead #banner_ag .graphic.icon { background:url(/common/img/home/banners/key.png) 606px 140px no-repeat; } #masthead #banner_ag .text { height:70px; left:606px; top:226px; width:354px; } .en-us #masthead #banner_ag .text { background:url(/common/img/home/banners/ag_text.png) left top no-repeat; height:70px; text-indent:-9999px; width:393px; } .es-es #masthead #banner_ag .text { width:390px; } .fr-fr #masthead #banner_ag .graphic.icon { background:url(/common/img/home/banners/key.png) 590px 140px no-repeat; } .fr-fr #masthead #banner_ag .text { left:590px; } .zh-tw #masthead #banner_ag .graphic.icon { background:url(/common/img/home/banners/key.png) 580px 140px no-repeat; } .zh-tw #masthead #banner_ag .text { left:580px; } #masthead #banner_cloud { background-color:#D7D7D7; background-image:url(/common/img/home/banners/cloud_chalkboard.jpg); } #masthead #banner_cloud .graphic.mug { background:url(/common/img/home/banners/cloud_chalk-mug.png) 565px 1px no-repeat; } #masthead #banner_cloud .graphic.icon { background:url(/common/img/home/banners/cloud_btn.png) 197px 256px no-repeat; } #masthead #banner_cloud .text { background:url(/common/img/home/banners/cloud_text.png) 38px 102px no-repeat; height:250px; text-indent:-9999px; width:600px; z-index:15; } #masthead #banner_lock { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_lock .graphic.watch { background:url(/common/img/home/banners/watch.png) 58px 19px no-repeat; } #masthead #banner_lock .graphic.icon { background:url(/common/img/home/banners/iq_lock.png) 497px 97px no-repeat; } #masthead #banner_lock .text { height:130px; left:494px; top:200px; width:auto; } .en-us #masthead #banner_lock .text { background:url(/common/img/home/banners/sentinel_text.png) left top no-repeat; text-indent:-9999px; width:522px; } .de-de #masthead #banner_lock .graphic.icon { background:url(/common/img/home/banners/iq_lock.png) 473px 97px no-repeat; } .de-de #masthead #banner_lock .text { left:470px; } .fr-fr #masthead #banner_lock h2 { font-size:44px !important; } #masthead #banner_mobile { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_mobile .graphic.car { background:url(/common/img/home/banners/airplane.png) 490px 104px no-repeat; } #masthead #banner_mobile .graphic.icon { background:url(/common/img/home/banners/comp-logos.png) 8px 240px no-repeat; } #masthead #banner_mobile .text { background:url(/common/img/home/banners/text-mobile.png) left 92px no-repeat; height:250px; left:0; text-indent:-9999px; top:0; width:700px !important; } #masthead #banner_mobile .text h2, #banner_mobile .text p { visibility:hidden !important; } #masthead #banner_welcome { background-color:#D7D7D7; background-image:url(/common/img/home/banners/bg_gray.jpg); } #masthead #banner_welcome .text { height:70px; left:570px; top:205px; width:370px; } #masthead #banner_welcome .graphic.person { background:url(/common/img/home/banners/cloud_person.png) 58px 36px no-repeat; z-index:5; } #masthead #banner_welcome .graphic.icon { background:url(/common/img/home/banners/iq_hex.png) 570px 97px no-repeat; } .en-us #masthead #banner_welcome .text { background:url(/common/img/home/banners/welcome_text.png) left top no-repeat; height:77px; text-indent:-9999px; width:374px; } #masthead #banner_welcome .graphic.person { background:url(/common/img/home/banners/cloud_person.png) 58px 36px no-repeat; z-index:5; } .de-de #masthead #banner_welcome, .es-es #banner_welcome, .fr-fr #banner_welcome, .hu-hu #banner_welcome, .pt-br #banner_welcome, .zh-tw #banner_welcome { background-color:#000000; background-image:url(/common/img/home/banners/bg_gray.jpg); } .de-de #masthead #banner_welcome h2, .es-es #banner_welcome h2, .fr-fr #banner_welcome h2, .hu-hu #banner_welcome h2, .pt-br #banner_welcome h2, .zh-tw #banner_welcome h2 { color:#333333 !important; } .de-de #masthead #banner_welcome .text, .es-es #banner_welcome .text, .fr-fr #banner_welcome .text, .hu-hu #banner_welcome .text, .pt-br #banner_welcome .text, .zh-tw #banner_welcome .text { height:70px; left:570px; top:205px; width:370px; } .de-de #masthead #banner_welcome .graphic.icon, .es-es #banner_welcome .graphic.icon, .fr-fr #banner_welcome .graphic.icon, .hu-hu #banner_welcome .graphic.icon, .pt-br #banner_welcome .graphic.icon, .zh-tw #banner_welcome .graphic.icon { background:url(/common/img/home/banners/iq_hex.png) 570px 97px no-repeat; } /* oseats -------------------------------------------------- */ #oseat_cloud_award { background-image:url(/common/img/home/oseats/cloud-award.png); } #oseat_cyberedge { background-image:url(/common/img/home/oseats/cyberedge_2014_report.png); } #oseat_disaster_recover { background-image:url(/common/img/home/oseats/jun_27.png); } #oseat_fedgov { background-image:url(/common/img/home/oseats/orch_federal.png); } #oseat_five_things { background-image:url(/common/img/home/oseats/fivethings_50x63.png); } #oseat_gartner_ops { background-image:url(/common/img/home/oseats/orch_gartner_ops.png); } #oseat_gartner_report { background-image:url(/promo/img/gartner-logo.png); } .oseat_gartner_report { background-image:url(/promo/img/gartner-logo.png); } #oseat_gartner_risk { background-image:url(/common/img/home/oseats/orch_gartner_risk.png); } #oseat_may15 { background-image:url(/common/img/home/oseats/orch_attlive.png); } #oseat_sansfire { background-image:url(/common/img/home/oseats/july_6.png); } .oseat_cloud-security { background-image:url(/common/img/home/oseats/forrester-pdf-hands.png); } .defenddata { background:transparent url(/common/img/home/highlights/ponemon-banner-netiq.jpg) no-repeat bottom right; } .privileged_access_management { background:transparent url(/common/img/home/highlights/privileged-access-management.jpg) no-repeat bottom right; } .leadership_compass { background:transparent url(/common/img/home/highlights/KuppringerRpt207x305.jpg) no-repeat bottom right; } .realtime { background:transparent url(/common/img/home/highlights/real-time.jpg) no-repeat bottom right; } @media only screen and (max-width:767px) { .banner_nav_links { display:none; } .revealcontent { display:none; } html.mobile #masthead { background-color:#222; height:342px; min-height:0; min-width:320px; overflow:hidden; } html.mobile #masthead .banner_wrapper { background-position:top center; background-repeat:no-repeat; background-size:auto; height:100%; left:100%; position:absolute; top:0px; z-index:1; -webkit-transition-property:left; -moz-transition-property:left; -ms-transition-property:left; -o-transition-property:left; transition-property:left; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -ms-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms; -webkit-transition-delay:0ms; -moz-transition-delay:0ms; -ms-transition-delay:0ms; -o-transition-delay:0ms; transition-delay:0ms; -webkit-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -moz-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -ms-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); -o-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); transition-timing-function:cubic-bezier(0.1,0.7,0.7,1); } html.mobile #masthead .banner_wrapper.active { left:0; z-index:3; } html.mobile #masthead .banner_wrapper.lefthidden { left:-100%; z-index:2; } html.mobile #masthead.notransition .banner_wrapper, html.mobile #masthead .banner_wrap, html.mobile #masthead .banner .graphic, html.mobile #masthead .banner .text { opacity:1; visibility:visible; z-index:1; -webkit-transition-property:none; -moz-transition-property:none; -ms-transition-property:none; -o-transition-property:none; transition-property:none; } html.mobile #masthead .banner_wrap { background-color:transparent; height:100%; } html.mobile #masthead .banner { height:auto; margin:0; top:0px; width:100%; } html.mobile #masthead .banner .graphics { height:225px; width:100%; } html.mobile #masthead .banner .graphic { display:none; } html.mobile #masthead .banner .text { height:auto; margin:0 10px !important; position:static; text-align:center; width:auto !important; } html.mobile #masthead .banner .text h2 { color:#3B9DD7 !important; font-size:20px !important; font-weight:200 !important; letter-spacing:0.1px !important; line-height:18px !important; margin:0 !important; padding:10px 0 2px 0 !important; } html.mobile #masthead .banner .text h3, #masthead .banner .text h3 span { color:#FFF !important; font-size:14px !important; font-weight:200 !important; letter-spacing:0.1px !important; line-height:16px !important; margin:0 !important; padding:0 !important; } html.mobile #masthead .banner .text p { border:none !important; color:#000 !important; font-size:12px !important; font-weight:100 !important; line-height:12px !important; margin:7px auto 0 !important; padding:0 !important; } html.mobile #masthead .banner .text p a { color:#FFF; } html.mobile #masthead #banner_discover_mf .text {margin-top: 100px !important;} html.mobile #masthead #banner_discover_mf .text h2 { color: #FFFFFF !important; font-size: 40px !important; line-height: 60px !important;} html.mobile #masthead #banner_discover_mf .text h3 {font-size: 24px !important; line-height: 24px !important; padding-bottom: 10px !important;} html.mobile #masthead #banner_discover_mf .text p {} html.mobile #masthead #banner_discover_mf .text p a { padding: 7px 30px; font-size: 12px; } /* Access Management and Authentication banner */ #masthead #banner_access_management_and_authentication { background-image:url(/common/img/home/banners/banner_govern_and_manage_rights-mobile.jpg); } /* Adaptive Identity Governance banner */ #masthead #banner_adaptive_identity_governance { background-image:url(/common/img/home/banners/banner_identity_powered_security-mobile.jpg); } /* Facilitate & Control Access banner */ #masthead #banner_facilitate_and_control_access { background-image:url(/common/img/home/banners/banner_facilitate_and_control_access-mobile.jpg); } /* Govern & Manage Rights banner */ #masthead #banner_govern_and_manage_rights { background-image:url(/common/img/home/banners/banner_govern_and_manage_rights-mobile.jpg); } /* Identity Powered Security banner */ #masthead #banner_identity_powered_security { background-image:url(/common/img/home/banners/banner_identity_powered_security-mobile.jpg); } /* Monitor User Activity banner */ #masthead #banner_monitor_user_activity { background-image:url(/common/img/home/banners/banner_monitor_user_activity-mobile.jpg); } /* Privileged Identity Management banner */ #masthead #banner_privileged_identity_management { background-image:url(/common/img/home/banners/banner_privileged_identity_management-mobile.jpg); } /* Strong and Two-Factor Authentication banner */ #masthead #banner_strong_two-factor_authentication { background-image:url(/common/img/home/banners/banner_facilitate_and_control_access-mobile.jpg); } section.keyhighlights, section.trends, section.videos, section.newsandevents, section.blogs, section.customers { min-width:0; } section.keyhighlights { padding-bottom:0px; } section.keyhighlights .container { height:auto; } section.keyhighlights h3 { font-size:32px; margin:0 20px; width:auto; } section.keyhighlights .panel { border-bottom:7px solid #FFF; height:auto; margin:0 20px; width:auto; } section.keyhighlights .panel:last-child { border-bottom:none; } section.keyhighlights .highlight { border-bottom:7px solid #FFF; float:none; height:auto; padding-bottom:30px; width:auto; } section.keyhighlights .highlight:first-child { border-right:none; } section.keyhighlights .panel p { padding:20px 40px 0 40px; } section.keyhighlights .highlight:first-child { float:none; } section.keyhighlights .highlight:last-child { border:none; } .defenddata { background:transparent url() no-repeat bottom right; } .leadership_compass { background:transparent url() no-repeat bottom right; } .privileged_access_management { background:transparent url() no-repeat bottom right; } section.trends { background-color:#0E1316; background-position:top center; background-size:auto; } section.trends .container { height:auto; margin:0 20px; width:auto; } section.trends h3 { font-size:36px; line-hight:42px; } section.trends li { display:block; margin-bottom:40px; width:100%; } section.videos { padding-top:60px !important; } section.videos .container { margin:0 20px; width:auto; } section.videos h3 { font-size:32px; width:auto; } section.videos p.more { padding:40px 0 60px 0; } section.newsandevents { padding-top:60px; } section.newsandevents .container { margin:0 20px; width:auto; } section.newsandevents .news-items, section.newsandevents .events-items, section.newsandevents .news, section.newsandevents .events { float:none; height:auto; width:auto; } section.newsandevents .events { margin-top:40px; } section.newsandevents .featured-events { border-bottom:1px solid #e1e2e3; float:none; padding-bottom:18px; width:auto; } section.newsandevents h3 { padding-bottom:20px; } section.newsandevents .featured-events .top strong { font-size:24px; line-height:30px; width:auto; } section.newsandevents .events p.more { padding:20px 0 0 0; } section.newsandevents .other-events { border-top:1px solid #FFF; float:none; width:auto; } section.newsandevents .other-events li { padding:14px 0 20px; } section.blogs { padding-top:60px; } section.blogs .container { padding:0 20px; width:auto; } section.blogs .social { margin-bottom:12px; position:static; } ul.social_follow li { margin-left:2px; } section.blogs .communityfeed ul { width:auto; } section.blogs .communityfeed ul li { max-width:318px; width:100%; } section.blogs h3 { font-size:36px; } section.customers { padding-top:60px; } section.customers .container { margin:0 20px; width:auto; } section.customers h3 { font-size:32px; } section.customers p.more { padding:0; } .friends_list { padding-bottom:25px; padding-top:15px; } } .text h3 { width: auto !important; }