/* SoundPoint */ /* font-family:"raleway"; thin 100- extra light 200- light 300- regular 400- medium 500- Semi-bold 600- Bold 700- */ body {width:100%; font-family: "raleway",sans-serif; font-weight:300; overflow-x:hidden; background-color:#F8F8F8;} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust: 100%;}p{max-height:9999px;}} td {vertical-align:top;} * {margin:0;} #container {margin:0; padding:0;} .content {position:relative; max-width:1080px; width: 95%; margin:0 auto; overflow-x:hidden; padding:104px 0 40px 0} a{cursor:pointer;} /****** HEADER ******/ #top-bar {max-width:1080px; width: 95%; height:116px; position:absolute; top:0px; left: 50%; transform: translateX(-50%); z-index:50; text-transform:uppercase;transition: background .4s ease;} #logo-top {width:230px; height:52px; display:block; background:url(/i/logo_soundpoint_white.svg) center/contain no-repeat; cursor:pointer; position:absolute; margin-top:35px; transition: background .3s ease;} #topNav {position:absolute; top:0px; right:0; font-size:0px;} #topNav a {height:35px; padding-left:10px; display:inline-block; font-size:11px; line-height:36px; font-weight:700; color:#FFF; text-decoration:none; text-align:left; background-repeat:no-repeat; cursor:pointer;} #topNav a:not(#login):not(#logout) {padding: 0 10px; border-left: 1px solid #ADC9E6;} #login,#logout {width:110px; margin-left:10px; background-color:#D4AA51; background-image:url(/i/loginHome.png); background-position:99px center;} #logout {background-image:none;} #top-bar #nav {position:absolute; right:0; top:54px;} #nav a {float:left; font-weight:700; color:#FFF; text-decoration:none; display:inline-block; text-transform:uppercase; font-size:11px; line-height:11px; padding:0 12px 0 12px; margin-top:2px; cursor:pointer; border-left:1px solid #ADC9E6; letter-spacing:2px;} /* .beta #nav a {padding: 0 5px;} */ #nav a:first-child {border-left:none;} #nav a.contactLink {padding-right:0px;} #nav a.sel {color:#f0bf58} #top-bar .specialLink {background:url(/i/lock.png) no-repeat 13px top; cursor:pointer; padding:0 12px 0 27px;} /* .beta #top-bar .specialLink {background:url(/i/lock.png) no-repeat 5px top; cursor:pointer; padding:0 12px 0 20px;} */ #nav .fx-color {color:#f0bf58} body.inner .background {height:266px;} /* body.scroll #top-bar {background:rgb(255 255 255 / 98%); box-shadow: 0px 4px 23.36px 8.64px rgb(0 0 0 / 5%);} body.scroll #logo-top{background-image: url(/i/logo_soundpoint_color.svg);} */ #full_nav, #menu_container {display: none;} #menu_container {position: absolute; top: 50px; right: 0;} #menu_btn {background: none;border: none;outline: none;cursor: pointer;position: relative;top: 0;width: 60px;height: 15px;z-index: 102;} #menu_btn i{transition: all 0.2s ease-out;height: 1px;width: 45px;background-color: #fff;position: absolute;border-radius: 2px;} #menu_btn i:nth-child(1) {right: 0;top: 0;} #menu_btn i:nth-child(2) {right: 0;top: 10px;width: 35px;} #full_nav {position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; z-index: 49; background: #fff;} #full_nav .mobile_nav {width: 100%; height: 100%;display: flex; padding: 140px 0 20px;} #full_nav .mobile_nav, .mobile_nav > div {flex-direction: column; align-items: center;} #full_nav .main_nav-mobile {display: flex;;} #full_nav a {margin-bottom: calc(1rem + 1.7vh); transform: translateY(10px); opacity: 0; text-decoration: none; color: #484d51; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; transition: color .3s ease;} #full_nav #documentLink {background: url(/i/lock.png) 2px center/auto no-repeat; padding-left: 15px;} #full_nav a:hover {color: #f0bf58;} #full_nav a.fade {transform: translateY(0); opacity: 1; transition: all .5s ease, color .3s ease;} .background {position:absolute; top:0px; left:0px; background-position:center center; background-attachment:scroll; background-size:cover; background-repeat:no-repeat; width:100%;} #buttonNav {display: none !important;} #buttonNav {font-size:0px; padding-left:100px; width:9px; height:300px; position:fixed; z-index:4; top:40%; left:50%; text-align:right; margin-left:530px;} #buttonNav a {display:block; width:9px; height:9px; background:url(/i/ball.png) no-repeat center center; cursor:pointer; padding:1px;} #buttonNav a.sel, #buttonNav a:hover {background:url(/i/ballHigh.png) no-repeat center center;} #buttonNav p {position:absolute; left:0px; font-size:13px; line-height:16px; text-transform:uppercase; text-align:left; color:#D2A23C; border-bottom:1px solid #EFC468; padding:0 5px 0 2px; width:100px; display:none;} #buttonNav #b0 {border:none;} #b1 {top:00px;} #b2 {top:11px;} #b3 {top:11px;} /* General */ p {color:#484D51;} p.reg {margin-bottom:11px; font-size:14px; line-height:26px;} p.header {font-weight:800; text-transform:uppercase; font-size:13px; line-height:16px; color:#2B2C32; letter-spacing:2px;} #news p.header{text-align:left;} p.disclaimer {margin-bottom:11px; font-size:12px; line-height:22px;} .orangeLineContainer {text-align:left;} .orangeLine {width:22px; height:1px; background-color:#D29C51; margin:28px 0;} .continueLinkCont {text-align:center;} .continueLink {text-transform:uppercase; font-weight:300; color:#2B2C32; background:url(/i/goMore.png) no-repeat center bottom; display:inline-block; text-align:center; padding-bottom:22px; cursor:pointer; margin-top:104px;} .disclaimer-exit {background:url(/i/btn-close.png) no-repeat center center; display:block; width:35px; height:35px; position:absolute; top:0px; right:0px; cursor:pointer;} #shade {opacity:0.8;filter:alpha(opacity=80);position:fixed;width:100%;height:100%;display:none;z-index:8;background:#000;top:0;left:0;} #login-box .disclaimer-exit {left:365px} #login-box {position:fixed; background-color:#FFF; background-image: url(/i/btn-close.png); background-repeat: no-repeat; background-position: right top; width:328px; height:230px; left:50%; margin-left:-200px; top:37%; margin-top:-110px; z-index:10; text-align:left; padding:53px 36px 30px 36px; display:none;} #login-box .login-btn {display:block; color:#FFF; text-decoration:none; text-align:center; line-height:39px; background-color:#E3C78A; border:none; height:38px; width:100%; cursor:pointer; text-transform:uppercase; font-weight:600; font-size:13px;} #login-box a {color:#000; font-size:13px; line-height:20px; text-decoration:underline; cursor:pointer; font-weight:400;} #login-box table {width:100%;} #login-box input[type="text"], #login-box input[type="password"] {background-color:transparent; border:1px solid #E9CC8F; line-height:44px; height:44px; color:#484D51; margin-bottom:14px; font-size:14px; width:314px; padding-left:11px; font-weight:500;} .login-pswd {padding-top:0px;} #msg {padding-top:7px; color:red; font-size:14px;} .login {cursor:pointer;} #ce-highlight {z-index:10;} #privacyPolicy, #termsOfUse, #docbox, #privacyPolicyNew, #caymanPrivacyPolicy, #californiaPrivacyPolicy, #sms-mms {position:fixed; background-color:#F5F4F4; max-width:800px; max-height:480px; width: 90vw; height: 90vh; left:50%; top:50%; transform: translate(-50%, -50%) ;z-index:100; text-align:left; padding:42px 0 30px 0; display:none; background-image: url(/i/btn-close.png); background-repeat: no-repeat; background-position: right top;} #sms-mms {padding-top: 80px; max-height: 100px;} #privacyPolicy .littleCont, #termsOfUse .littleCont, #docbox .littleCont, #privacyPolicyNew .littleCont, #caymanPrivacyPolicy .littleCont, #californiaPrivacyPolicy .littleCont, #sms-mms .littleCont {padding:0 20px 0 30px; text-align:justify; height:427px; overflow-y:scroll; margin-right:10px;} .discR {margin-bottom:10px;} .biggerSp {margin-left:30px; font-size:20px; font-weight:600; padding-bottom:10px;} .bigger {font-size:18px; font-weight:500; margin-bottom:10px; margin-top:20px;} .disclaimerLink {color:#FFF; cursor:pointer;} .italicPop {font-style:italic; font-weight:bold;} .discR a {text-decoration:none; color:#d4aa51; font-weight: 500;} .biggerI {font-style:italic; font-weight:bold; margin-bottom:4px;} .discBullet {padding-left:20px; margin-bottom:18px; background:url(/i/bullet.png) no-repeat 5px; center} #privacyPolicyNew p, #caymanPrivacyPolicy p, #californiaPrivacyPolicy p, #sms-mms p {margin-bottom: 10px;} #privacyPolicyNew p span, #caymanPrivacyPolicy p span, #californiaPrivacyPolicy span {font-weight: 600;} #privacyPolicyNew h3, #caymanPrivacyPolicy h3, #californiaPrivacyPolicy h3 {font-size: 20px; font-weight: 600; margin: 20px 0 10px 0; color:#484D51;} #privacyPolicyNew ul, #caymanPrivacyPolicy ul, #californiaPrivacyPolicy ul {list-style: none; margin: 10px 0; padding: 0;} #privacyPolicyNew ul li, #caymanPrivacyPolicy ul li, #californiaPrivacyPolicy ul li {position: relative; padding-left: 15px; margin-bottom: 10px; color: #484D51;} #privacyPolicyNew ul li::before, #caymanPrivacyPolicy ul li::before, #californiaPrivacyPolicy ul li::before {content: ""; display: block; width: 3px; position: absolute; height: 3px; border-radius: 50%; background: #484D51; left: 0;top: 8px; transform: translateY(-50%);} #privacyPolicyNew a, #caymanPrivacyPolicy a, #californiaPrivacyPolicy a {cursor: pointer; color: #484D51; font-weight: 600; transition: all .3s ease; text-decoration: none;} #privacyPolicyNew a:hover, #caymanPrivacyPolicy a:hover, #californiaPrivacyPolicy a:hover {color: #d4aa51;} #californiaPrivacyPolicy table {border-collapse: collapse; width: 100%; margin: 1rem 0; height: auto;} #californiaPrivacyPolicy th {text-align: center; width: 266px; border: solid 1px #484D51; background: #484d5126;} #californiaPrivacyPolicy th, #californiaPrivacyPolicy td {padding: 15px; width: 266px;} #californiaPrivacyPolicy td {text-align: left; border: solid 1px #484D51; font-size: 15px; line-height: 20px;} #docbox a {display: block;} /* Footer */ .footer {text-align:left; background-color:#29333E;} .footer .content {padding:35px 0 30px 0; margin:0 auto;} .footer span {color:#4C545B; display:inline-block; padding:0 2px;} .footer a {text-decoration:none; color:inherit; cursor:pointer;} .footer p {color:#9DA6AD; font-size:12px; line-height:20px;} .footer #social {position:absolute; top:34px; right:0px; font-size:0px;} #linkedIn {display:inline-block; width:41px; height:41px; background:url(/i/linkedin.png) no-repeat center center; cursor:pointer;} #bio .linkedIn { margin:10px 0 0 0; width:31px; height:31px; display:inline-block; background:url(/i/linkedin_sm.png) no-repeat center center; cursor:pointer; } #twitter {display:inline-block; width:41px; height:41px; background:url(/i/twitter.png) no-repeat center center; margin-left:13px; cursor:pointer;} /* Home */ h1, h2 {color:#FFF; text-transform:uppercase;} h1 {font-size:65px; font-weight:700;} h2 {font-size:90px; font-weight:200;} .headerDiv {position:relative; top:0px; left:0px; top:38%;} #homePage {background:url(/i/home.jpg) no-repeat center center; background-attachment:fixed; background-size:cover;} .homeArrows {display:block; height:16px; width:46px; background:url(/i/homeArrows.png) no-repeat center center; position:absolute; bottom:2%; cursor:pointer; left:50%; margin-left:-23px;} /* About */ #about .half-image {background-size: 100% 420px;} #about, #team, #contact, #news {text-align:justify;} .aboutText {font-size:38px; line-height:52px; color:#055590; font-weight:100;} #about table {margin-top:32px; width:100%;} #about table p {font-size:16px; line-height:26px; margin-bottom:20px;} #about table div.cols2 {-webkit-column-count:2;-moz-column-count:2;column-count:2;text-align:justify;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;max-width:1200px} /* Team */ .half-image {height: 100vh; max-height: 420px;background: url(/i/AboutUs.jpg) center top/contain no-repeat fixed;} .half-image div {padding-top:180px; text-align:center;} #team .vertMiddle{vertical-align: middle;} #team .halfText {color:#333643; font-size:26px; line-height:30px; text-transform:uppercase; letter-spacing:2px;} #team .halfText span {font-weight:600; letter-spacing:0px; letter-spacing:2px;} #team .orangeLine, #contact .orangeLine, #news .orangeLine {margin-bottom:41px;} #team .bioFX .fx-list {width:300px; border-bottom:0px; text-align:left;} #team .bioFX .fx-list a:first-child {border-top:1px solid #E9CC8F; margin-top:7px;} #team .bioFX .fx-slides {padding-bottom:60px; width:940px} #topBarFX div.fx-list:first-child {margin-bottom:60px;} .teamContainer {padding:0;} #teamList {text-align:center;} a.leftName {font-weight:600; display:block; width:215px; line-height:20px; border-bottom:1px solid #E9CC8F; cursor:pointer; font-size:14px; padding:15px 10px 15px 5px; margin-left:10px;} a.leftName span {font-weight:300;} #team .name {font-weight:600; font-size:20px; line-height:26px; margin-bottom:18px;} #team .name span {font-weight:300;} #team .bio {background-repeat:no-repeat;} #team .bio .personCont {font-size:14px; line-height:26px; margin-right:10px;} #team .bio img{width:180px;float:left;margin:0 15px 8px 0;} #team .bio img.b2{width:120px;float:left;margin:0 15px 8px 0;} #teamList a {display:inline-block; height:65px; line-height:65px; text-transform:uppercase; font-size:13px; color:#484D51; border-top:1px solid #E9CC8F; border-bottom:1px solid #E9CC8F; border-right:1px solid #E9CC8F; width:20%; text-align:center; font-weight:300; cursor:pointer;box-sizing:border-box;text-decoration:none;} #teamList a:first-child {border-left:1px solid #E9CC8F;} #teamList a.fx-on {font-weight:600;background-color:#E3C78A;color:#fff;} /* TEAM NEW */ #team, #team #container {overflow-x: hidden;} #team .half-image {background:url(/i/teamBIG.jpg) 64% top/100% 1020px no-repeat fixed;} .team_container {width: 95%; max-width: 1080px; min-height: 100vh;position: relative;margin:0 auto; padding-bottom: 104px;} .team_container, .team_container * {box-sizing: border-box;} #team_parent_slider, #team_parent_slider > .fx-slides {width: 100% !important;} #team_parent_slider > .fx-list {margin-bottom: 3.7rem; display: none;} #team_parent_slider > .fx-list > div {width: 100% !important; display: flex;border: 1px solid #E9CC8F;border-right: 0;} #team_parent_slider > .fx-list .fx-nav {width: 33.34% !important; height: 65px; display: flex; justify-content: center; align-items: center; padding: 8px; border-right: 1px solid #E9CC8F; transition: background .25s ease;} #team_parent_slider > .fx-list .fx-nav:hover, #team_parent_slider > .fx-list .fx-nav.fx-on {background-color: #E9CC8F;} #team_parent_slider > .fx-list .fx-nav:hover p, #team_parent_slider > .fx-list .fx-nav.fx-on p {color: #fff;} #team_parent_slider > .fx-list .fx-nav.fx-on p {font-weight: 600;} #team_parent_slider > .fx-list p {text-transform: uppercase; font-size: 13px; color: #484D51; font-weight: 300; transition: color .25s ease; text-align: center; white-space: nowrap;} #team_inner_slider > .fx-list {width: 260px !important;} #team_dd { width: 100%; max-width: 21rem; text-align: left; position: relative; cursor: pointer; } #team_dd .dropdown_options { position: absolute; top: 100%; left: 0; width: 100%; height: auto; display: none; z-index: 6; border-right: solid 1px #29333E; border-left: solid 1px #29333E; } #team_dd .selected { display: flex; gap: 2px; margin-bottom: 3rem; } #team_dd .selected p { padding: 10px; font-weight: 800; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; border:1px solid #29333E; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #team_dd .selected .dropdown_arrow { padding: 10px 15px; display: flex; justify-content: center; align-items: center; border:1px solid #29333E; width: 42px; } #team_dd .option { padding: 10px; font-weight: 600; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; border-bottom:1px solid #29333E; background: #f8f8f8; transition: background .2s ease; } #team_dd .option:hover { background-color: #fff; } .person_nav {width: 100% !important; max-width: 260px; border-bottom: 1px solid #E9CC8F; padding: 15px;} .person_nav p {font-size: .88rem; line-height: 1.4; font-weight: 300; text-align: left;} .person_nav .pname {font-weight: 600; margin-bottom: 4px;} .person_nav.fx-on p {color:rgb(193, 159, 87);} #team_inner_slider .pbio {display: flex; justify-content: flex-end;} #team_inner_slider .info{width: 100%; max-width: 760px; padding-left: 40px;} #team_inner_slider .pbio .name_header {padding-right: 60px;} #team_inner_slider .pbio .name_header p {font-size: 1.25rem; line-height: 1.3; margin-bottom: 1.1rem; font-weight: 600; text-align: left;} #team_inner_slider .pbio .name_header span {font-weight: 300;} .team_inner_nav {width: 100% !important;} #team.new_page .team_container .team_slide > div {display: flex; flex-wrap: wrap; gap: 3.5rem 2%;} #team.new_page .team_container .person {width: 23.5%; text-decoration: none;} #team.new_page .team_container .person p {text-align: center; transition: color .3s ease;} #team.new_page .team_container .person:hover p {color: #055590;} #team.new_page .team_container .img_wrap {width: 100%; margin-bottom: 1.3rem;} #team.new_page .team_container .img_wrap img {display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: top;} #team.new_page .team_container p.name {font-weight: 500; font-size: 1.75rem; letter-spacing: .1rem; line-height: 1; margin-bottom: .6rem;} #team.new_page .team_container p.title {font-weight: 700; font-size: .8rem; letter-spacing: .1rem; color: #1c1c1c;text-transform: uppercase;} #team.new_page .team_container h3.mob_header {display: none;font-size: 20px; letter-spacing: 2.2px; font-weight: 700; text-transform: uppercase; text-align: center; margin: 8rem auto 3rem;} .linkoff_btn {display: inline-block; text-decoration: none;} .linkoff_btn div {display: flex; align-items: center; gap: 1.25rem;} .linkoff_btn p.link {text-transform: uppercase; color: #14639e; transition: color .3s ease;font-size: .8rem; letter-spacing: .03rem; line-height: 1.1;font-weight: 700;} .linkoff_btn svg {width: 4.6rem; height: 4.6rem;} .linkoff_btn .st0 {stroke: #14639e; transition: stroke .3s ease;} .linkoff_btn:hover .st0 {stroke: #C6852B !important;} .linkoff_btn:hover p {color: #C6852B !important;} #bio .half-image {background:url(/i/teamBIG.jpg) 64% top/100% 1020px no-repeat fixed; height: 220px;} #bio #container .s2 {text-align: left; padding-bottom: 80px;} #bio .bio_wrapper {display: flex; justify-content: space-between; gap: 7%;} #bio .left {flex: 1; max-width: 830px;} #bio .right {width: 100%; max-width: 320px;} #bio .img_wrapper {width: 100%; margin-bottom: 2rem; text-align:right;} #bio .h_line {width: 100%; height: 1px; background-color: #29333e; margin: 1.5rem auto 2.2rem;} #bio .linkoff_btn {margin-bottom: 4rem;} #bio .contact_info {display: flex; align-items: center;justify-content: center; flex-direction: column;} #bio .contact_info p {margin-bottom: .75rem; color: #29333e; transition: color .3s ease;} #bio .contact_info a:hover p {color: #C6852B;} #bio h2.name {font-weight: 500 ;font-size: 1.75rem; letter-spacing: .1rem; line-height: 1; margin-bottom: .6rem; color: #29333e;} #bio p.sh {font-weight: 700; font-size: .8rem; letter-spacing: .1rem; color: #29333e;text-transform: uppercase;} #bio p.med {font-weight: 300;} #bio img {display: block; width: 100%; height: auto; object-fit: cover; aspect-ratio: 1; object-position: top;} #bio .contact_info.--mob {display: none;} #bio .contact_info a {text-decoration: none;} .bio_img {width: 50%; max-width: 180px; float: left; margin: 0 1.5rem .5rem 0;} .bio_content p {font-size: .88rem; line-height: 1.8; text-align: justify;} #team_inner_slider .fx-right-arrow {top: 5px !important; right: 0 !important;width: 7px !important; height: 14px;} #team_inner_slider .fx-left-arrow {top: 5px !important; left: auto !important; right: 35px; width: 7px !important; height: 14px;} .team_accordion_wrapper {display: none;} p.team_intro {line-height: 32px; margin-bottom: 3rem; font-size: 20px; font-weight: 200; text-align: left; color: #055590;} .teamContainer {position:relative; top:0px; left:0px;} .teamArrowCont {font-size:0px; position:absolute; top:0px; left:886px; z-index:2;} .teamArrowCont a {display:inline-block; height:14px; width:7px; cursor:pointer; padding:3px 5px; margin:0 5px;} .teamArrowCont .prev {background:url(/i/prevDis.png) no-repeat center center;} .teamArrowCont .next {background:url(/i/nextDis.png) no-repeat center center; margin-right:0px;} .teamArrowCont .prev.disabled {background:url(/i/prev.png) no-repeat center center; pointer-events:none;} .teamArrowCont .next.disabled {background:url(/i/next.png) no-repeat center center; pointer-events:none;} #team .continueLink {padding-bottom:25px;} /* Contact */ #contact {background-color:#FFF;} #contact .halfText, #news .halfText, #about .halfText, #floating-rate .halfText, #dei .halfText, #esg .halfText, #corpvalues .halfText {color:#333643; font-weight:600; font-size:26px; line-height:30px; text-transform:uppercase; letter-spacing:3px;} #contact .halfText span, #news .halfText span {font-weight:300; letter-spacing:0px; letter-spacing:3px;} #contact .contact_tb-row {display: flex; gap: 2%;} #contact .contact_tb-row td {width: 33.33%;} #contact .contact_tb-row td input {width: 100% !important; margin-left: 0 !important; float: none !important; box-sizing: border-box;} .contactInfo span {font-weight:600;} .contactInfo {font-size:16px; line-height:28px; margin:30px 0 18px 0;;} .contactPhone {font-size:16px; font-weight:600; color:#77A7CE;} #emailform table {width:100%;} #emailform input, #emailform table textarea {font-weight:300; color:#484D51; background-color:transparent; border:1px solid #E9CC8F; resize:none; font-size:14px; line-height:44px; font-family: "raleway", sans-serif; padding-left:14px; margin-bottom:20px;} #emailform input {height:43px; width:280px;} .contactEmail {margin-left:11px;} .contactCompany {float:right;} #emailform textarea {height:183px; resize:none; overflow:auto; width: 100%; box-sizing: border-box;} #emailform #btn-send-p {background:url(/i/inputT.png) repeat; height:36px; margin-top:29px;} #emailform .btn-send, .submitRegister {text-transform:uppercase; font-weight:600; display:block; line-height:47px; height:45px; cursor:pointer; background-color:#E9CC8F; color:#FFF; text-align:center;} #response {margin-top:11px; font-size:15px; line-height:24px; color:#545967;} .bottomTable {margin-top:72px;} .bottomTable .contactBottomTitle {font-weight:600; color:#2B2C32; font-size:14px; line-height:16px; border-bottom:1px solid #E5E5E5; padding-bottom:10px;} .bottomTable .contactBottomText {font-size:14px; line-height:26px; text-align:left;} .bottomTable .contactBottomText a {color:inherit; text-decoration:none;} .contactBottom {height:336px; background-color:#FAF9F8; position:relative; top:0px; left:0px; margin-top:42px;} .contactBottom .content {padding:117px 0 0 0;} .contactBottom p {line-height:26px; border-left:1px solid #E9CC8F; padding-left:16px;} .contactBottom p span {font-weight:600; color:#2B2C32; font-size:14px; line-height:14px; display:inline-block; padding-bottom:11px;} .contactBottom a {cursor:pointer;} .careerText {font-size:14px; line-height:26px; margin-top:28px; font-weight:600; margin-bottom:21px;} .careerText a {color:#E9CC8F; text-decoration:none;} #contactImage,#contactImage2,#contactImage3,#contactImage4, #contactImage5, #contactImage6 {position:absolute; height:100%; width:57%; top:0px; right:0px;} /* New Section */ #contact .contact-info { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } #contact .contact-info > div { width: 32%; max-width: 290px; } #contact .contact-info h5 { font-weight: 600; color: #2B2C32; font-size: 14px; line-height: 16px; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; } #contact .contact-info p { font-size: 14px; line-height: 26px; text-align: left; color: #484D51; padding-top: 10px; } #contact .contact-info span { font-weight: 600; color: #2B2C32; } #contact .contact-info a { text-decoration: none; font-size: 14px; line-height: 26px; text-align: left; color: #2B2C32; transition: color .3s ease; } #contact .contact-info a:hover { color: #E9CC8F; } /* news */ #news .half-image {background-position: 29% top;} #news .fx-list{text-align:left;} #news .fx-nav{margin-right:1em;font-weight:600;font-size:1.125em;} #news .article {border-bottom:1px solid #000;padding:3em 0 0.5em 0;margin-bottom:2em;text-align:left;} #news .article p.date{color:#484D51;text-transform:uppercase;font-size:1em;letter-spacing:0.1em;font-weight:600;} #news .article p{font-size:1.125em;color:#484D51;} #news .article h3{text-transform:none;color:#484D51;margin:0 0 1em 0;text-align:left;} #news .article a{text-decoration:none;transition:color 0.25s ease-out;margin-top:2.5em;display:block;color:#484D51;font-size:0.875em;text-transform:uppercase;letter-spacing:0.35em;font-weight:600;} #news .article a:hover{color:#E9CC8F;} #news .article img { width: 30%; } /* Careers */ #careers #container section > .contain { max-width: 1080px; width: 95%; } #careers #container section a { color: #2B2C32; transition: color 0.3s ease; } #careers #container section a:hover {color: #E9CC8F;} #careers #container div.cols2 { max-width:1200px; -webkit-column-count:2; -moz-column-count:2; column-count:2; text-align:justify; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; } #careers #container .tagline { margin-bottom: 2rem; color:#055590; font-size:38px; font-weight:100; line-height:52px; } #careers #container .s1 { position: relative; width: 100%; height: 416px; display: flex; justify-content: center; align-items: center; background: url(/i/careers-hero.jpeg) no-repeat top/cover; } #careers #container .s1 p { color: #333643; font-size: 26px; font-weight: 600; letter-spacing: 3px; line-height: 30px; text-transform: uppercase; } #careers #container .s2 {padding: 70px 0;} #careers #container .s2 > .contain {text-align: left;} #careers #container .s2 p:not(.tagline) { margin-bottom: 1rem; line-height: 26px; } #careers #container .s2 .footnote, #esg .footnote { margin-top: 2rem; font-size: 0.75rem; font-style: italic; } /* Products */ #strategies #container #productContainer { width:100%; background-color:#F8F8F8; min-height:100%; z-index:5; } #strategies .otherPageBackground {height:317px; background:url(/i/products.jpg) no-repeat center center; background-size:cover;} #strategies .content {text-align:left; padding-bottom:110px;} .tabContainer {font-size:0px; padding-top:262px;} .tabContainer table {width:940px; text-align:center;} .tabContainer a {height:55px; width:233px; display:table-cell; font-size:11px; line-height:14px; font-weight:500; text-transform:uppercase; color:#FFF; background:url(/i/tabBack.png) repeat center center; vertical-align:middle; cursor:pointer;} .tabContainer a:first-child {margin:0;} .tabContainer a span {display:block; position:relative; top:0px; left:0px; z-index:10;} .tabContainer a.sel {background:url(/i/tabSel.png) repeat center center;} #strategies .aboutText {margin-bottom:63px;} .boldUnder {font-weight:600; color:#2B2C32; border-bottom:1px solid #E5E5E5; padding:40px 0 13px 0;} .productItemsCont {font-size:0px} .product {display:inline-block; width:296px; padding-left:25px; vertical-align:top; margin-top:40px;} .pIcon {font-size:13px; line-height:26px; color:#A2A7AC; font-weight:700; text-transform:uppercase; padding-left:27px;} .productReg {font-size:14px; line-height:26px; padding-top:15px; text-align:left;} #pr1 {padding-left:0;} #pr1 .pIcon {background:url(/i/pr1.png) no-repeat left center;} #pr2 .pIcon {background:url(/i/pr2.png) no-repeat left center;} #pr3 .pIcon {background:url(/i/pr3.png) no-repeat left center;} #pr4 {padding-left:0;} #pr4 .pIcon {background:url(/i/pr4.png) no-repeat left center;} #pr5 .pIcon {background:url(/i/pr5.png) no-repeat left center;} #strategies .content a {color:inherit; text-decoration:none;} #strategies .star {font-size:20px;} .disclaimer {font-size:12px; margin-top:20px;} /* New Product page */ #strategies #container #productContainer { position:relative; } #strategies #container #productContainer .s1 { height:420px; background:url(/i/product-hero.jpg) 60% center/cover no-repeat; } #strategies #container #productContainer .s2 { position:relative; top:0px; left:0px; height:980px; overflow:hidden; background:#F8F8F8; } #strategies #container #productContainer .s2 .BLTop {padding:100px 70px 50px 0;width:100%;max-width:400px;text-align:left;display:inline-block} #strategies #container #productContainer .s2 .backgroundLeft {float:left; width:50%; height:980px;text-align:right} #strategies #container #productContainer .s2 .backgroundRight{background-image:url(/i/beach-grass-lg.jpg);background-repeat:no-repeat;width:50%; float:right;position:relative;height:980px;background-attachment:scroll;background-size:cover;} #strategies #container #productContainer .s2 .fx-select select { display: none; } #strategies #container #productContainer .s2 .select-selected.select-arrow-active { background: url(/i/arrow-up-01.svg) no-repeat 99.5% center/16px auto; } #strategies #container #productContainer .s2 .select-selected { margin: 15px 10px; padding: 16px 16px; color: white; cursor: pointer; } #strategies #container #productContainer .s2 .select-items div { padding: 16px 16px; color: black; font-family: "raleway",sans-serif; font-weight:300; cursor: pointer; } #strategies #container #productContainer .s2 .select-items { background-color: white; top: 100%; left: 0; right: 0; z-index: 99; border-left: solid 1px #eed9ac; border-right: solid 1px #eed9ac; border-bottom: solid 1px #eed9ac; } #strategies #container #productContainer .s2 .select-hide { display: none; } #strategies #container #productContainer .s2 .select-items div:hover, #strategies #container #productContainer .s2 .same-as-selected { background-color: #fef6df; } #strategies #container #productContainer .s2 .prod2Slider .fx-list{} #strategies #container #productContainer .s2 .prod2Slider .fx-nav {text-align:right;display:block;border-top:1px solid #D2D5DC; line-height:1.2em; font-size:1.875em;padding-top:50px; padding-bottom:50px; background-color:#F8F8F8; color:#454A55; transition: color 0.3s ease .0s;} #strategies #container #productContainer .s2 .prod2Slider .fx-nav a {color: #484d51; text-decoration: none;} #strategies #container #productContainer .s2 .prod2Slider #fifth.fx-nav::after {display: none !important;} #strategies #container #productContainer .s2 .prod2Slider .fx-nav:last-child{border-bottom:1px solid #D2D5DC;} #strategies #container #productContainer .s2 .prod2Slider .fx-nav:hover {background-color:transparent; color:#FFF;} #strategies #container #productContainer .s2 .prod2Slider .fx-nav span{display:inline-block;max-width:470px;text-align:left;width:100%;} #strategies #container #productContainer .s2 .prod2Slider .prodSlide {width:100%; position:relative; top:0px; left:0px; border-top:1px solid #D2D5DC;} #strategies #container #productContainer #prodMainSlider > .fx-list{display:none;} #strategies #container #productContainer .prod2Slider {z-index:2;} #strategies #container #productContainer .prodContainer {display:none; position:absolute; top:40px; right:40px; z-index:6; text-align:right;} #strategies #container #productContainer .prodLeftArrow {display:inline-block; width:9px; height:16px; background:url(/i/left-arrow.svg) no-repeat center center;} #strategies #container #productContainer .prodRightArrow {display:inline-block; width:9px; height:16px; background:url(/i/right-arrow.svg) no-repeat center center;} #strategies #container #productContainer .prodMenu {display:inline-block; width:21px; height:16px; background:url(/i/list-icon.svg) no-repeat center center; padding:0 11px;} #strategies #container #productContainer .prodSlideItem {background:#fff;border-top:1px solid #D2D5DC;text-align:right;} #strategies #container #productContainer .prodSlideItemContent {display:inline-block;max-width:400px;width:100%;padding-right:70px; padding-top:86px; padding-bottom:70px; text-align:left;} #strategies #container #productContainer .prodTitle {font-size:1.875em; font-weight:100; color:#454A55; margin-bottom:11px;} #strategies #container #productContainer .prodText {font-weight:300; line-height:1.5em; font-size:1.25em; color:#7B8086; margin-bottom:19px;} #strategies #container #productContainer .backgroundLeftContent{background:#f8f8f8;width:100%;text-align:right;} #strategies #container #productContainer .backgroundLeftContent > div{width:100%;position:relative;display:inline-block;text-align:left;} #strategies #container #productContainer .SMSList { padding-bottom:65px;} #strategies #container #productContainer .prod2Slider .fx-slides {display:none;} #prodBottemCover {background-color:#fff; position:absolute; top:103px; left:0px; width:100%; height:1000px; display:none;} #strategies #container #productContainer .prod2Slider > .fx-list .fx-nav:nth-child(1):hover{background:url(/i/item-hover-1.jpg) no-repeat center/cover;} #strategies #container #productContainer .prod2Slider > .fx-list .fx-nav:nth-child(2):hover{background:url(/i/item-hover-2.jpg) no-repeat center/cover;} #strategies #container #productContainer .prod2Slider > .fx-list .fx-nav:nth-child(3):hover{background:url(/i/item-hover-3.jpg) no-repeat center/cover;} #strategies #container #productContainer .prodSlideItemContent p.title{font-size:1.75em;margin-bottom:1em;} #strategies #container #productContainer .prodSlideItemContent p{font-size:14px; line-height:26px;} #strategies #container #productContainer .fx-select{background:#E3C78A url(/i/arrow-down-01.svg) no-repeat 97% center/16px auto;} #strategies #container #productContainer select{color:#fff} #strategies #container #productContainer select option{color:#000;} #strategies #container #productContainer .s3{background:#fff;} #strategies #container #productContainer .s3 .content{text-align:left;} #strategies #container #productContainer .strategies-link { color: #484d51; text-decoration: none; } #strategies #container #productContainer .strategies-link-wrap::after { content: none !important; } #strategies #container .external_link {position: relative;padding: 25px 30px 25px 0;box-sizing: border-box;} #strategies #container .external_link a {color: #484d51;font-size: 22px;transition: color 0.3s ease-out; text-decoration: none;} #strategies #container .external_link a:hover {color: #d29c51;} #top-bar.dropdown #logo-top { background: url(/i/SP-logo-full.png) no-repeat center center; } #top-bar #nav a:nth-child(3) { position: relative; margin-right: 12px; padding-right: 24px; } #top-bar #nav a:nth-child(3)::after { content: ''; position: absolute; top: 25%; right: 0; width: 8px; height: 5px; display: inline-block; background: url(/i/down-yellow-arrow.svg) no-repeat center/cover; transition: background-image 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out, top 0.3s ease-out; } #top-bar #nav.dropdown a:nth-child(3)::after { top: 0; background-image: url(/i/right-yellow-arrow.svg); width: 5px; height: 8px; } #top-bar #nav.dropdown a:not(.fx-hover) { color: #484d51 !important; transition: color 0.3s ease-out; } #stratDropContainer.active { opacity: 1; pointer-events: visible; } #stratDropContainer { position: absolute; top: 0; left: 50%; /* width: 1040px; */ width: 200%; max-height: 375px; height: 100vh; background-color: #fff; opacity: 0; pointer-events: none; transform: translateX(-50%); z-index: -1; } #stratDrop, .aboutDrop { /* position: absolute; top: 0; left: 50%; */ width: 1040px; max-height: 375px; height: 100vh; display: flex; align-items: flex-end; background-color: #fff; /* transform: translateX(-50%); */ } #stratDrop .fx-slider { width: 574px; max-height: 290px; display: flex; flex-wrap: wrap; text-align: left; } #stratDrop > div:first-of-type{width: 45%;} #stratDrop > div:last-of-type {width: 55%;} #stratDrop .fx-slider > div { max-width: 225px; width: 50%; padding-bottom: 40px; } /* #strategies #stratDrop .fx-slider > div:last-of-type, #home #stratDrop .fx-slider > div:last-of-type { width: 35%; } */ #stratDrop .fx-slider > .fx-list > div { max-width: 225px; width: 100% !important; display: flex; flex-direction: column; } #stratDrop .fx-slider > div > div a { position: relative; max-width: 225px; width: 100% !important; padding: 13px 0; color: #484d51; font-size: 14px; text-decoration: none; text-transform: none; border-bottom: solid 1px #d2d4d4; } #stratDrop .fx-slider > div > div a.external_link::after {display: none !important;} #stratDrop .fx-slider > div > div a:hover {color: #e3c49a;} #stratDrop .fx-slider > div > div > a:hover::after { content: '\002B'; position: absolute; top: 50%; right: 0; display: block; color: #e3c49a; font-size: 40px; transform: translateY(-50%); } #stratDrop .fx-slider > div:first-of-type {margin-right: 40px;} /* #strategies #stratDrop > div:last-of-type .fx-slides > div { width: 225px !important; } */ #stratDrop .fx-slider .fx-slides > div > div { width: 225px; display: flex; flex-direction: column; } #stratDrop .fx-slider .fx-slides > div > div a { max-width: 225px; padding: 13px 0; color: #484d51; font-size: 14px; text-transform: none; border-bottom: solid 1px #d2d4d4; } #stratDrop .floating-rate-link, #stratDrop .floating-rate-link::after { transition: none !important; } #stratDrop .fx-slider .fx-slides > div > div a:hover, .aboutDrop a:hover {color: #e3c49a;} .aboutDrop { position: absolute; top: 0; left: 50%; height: 24vh; padding-bottom: 17vh; opacity: 0; transform: translateX(-50%); z-index: -1; } .aboutDrop.active { opacity: 1; z-index: 1; } .aboutDrop > div:first-of-type {width: 30%;} .aboutDrop > div:last-of-type { width: 70%; text-align: left; } .aboutDrop a { width: 130px; padding: 13px 0; display: block; border-bottom: solid 1px #d2d4d4; color: #484d51; font-size: 14px; text-decoration: none; text-transform: none; transition: color 0.3s ease; } #strategies #container #productContainer .s1 {position: relative;} #strategies #container #productContainer .s1 div { position: absolute; top: 50%; left: 50%; max-width: 620px; width: 100%; transform: translate(-50%, -50%); } #strategies #container #productContainer .s1 div p { color: #333643; font-size: 26px; font-weight: 600; letter-spacing: 3px; line-height: 30px; text-transform: uppercase; } #strategies #container #productContainer .s2 { height: auto; padding: 70px 0; } #strategies #container #productContainer .s2 .productBackground { max-width: 1024px; width: 90%; } #strategies #container #productContainer .s2 .productBackgroundContent { text-align: left; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav { position: relative; padding: 25px 30px 25px 0; box-sizing: border-box; color: #484d51; font-size: 22px; transition: color 0.3s ease-out; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav::after { content: '\002B'; position: absolute; top: 50%; right: 0; display: block; color: #e3c49a; font-size: 40px; transform: translateY(-50%); } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav[data-id="fifth"] {cursor: default;} #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav[data-id="fifth"]::after { display: none !important; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav a { color: #484d51; text-decoration: none; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav a:hover { color: #d29c51; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-nav.fx-on::after { content: '\2212'; position: absolute; top: 50%; right: 0; width: 15px; display: block; color: #e3c49a; font-size: 25px; transform: translateY(-50%); } #strategies #container #productContainer .s2 .productBackgroundContent > div > .fx-accordion > .fx-nav { font-size: 24px; border-bottom: solid 1px #d2d4d4; } #strategies #container #productContainer .s2 .productBackgroundContent > div > .fx-accordion > .fx-nav.fx-on, #strategies #container #productContainer .s2 .productBackgroundContent > div > .fx-accordion > .fx-nav:hover { color: #d29c51; /* border-bottom: none; */ } #strategies #container #productContainer .s2 .productBackgroundContent > div > .fx-accordion > .fx-slide { padding-left: 20px; } #strategies #container #productContainer .s2 .productBackgroundContent > div > .fx-accordion > .fx-slide:last-of-type { padding-top: 30px; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-slide p { color: #484d51; font-size: 20px; } #strategies #container #productContainer .s2 .productBackgroundContent .fx-accordion .fx-slide p.disclaimer { font-size: 18px; } /* #strategies #container #productContainer > .fx-slider > .fx-list{height:416px;background:url(/i/product-hero.jpg) no-repeat center/cover;max-width:940px;width:100%;padding:0 calc(50vw - 470px);} #strategies #container #productContainer > .fx-slider > .fx-list .fx-nav{float:left;margin-top:364px;height:52px;box-sizing:border-box;padding:10px 8px;display:inline-block;background-color:#354651;color:#fff;font-size:12px;line-height:16px;transition:all 0.5s ease;width:calc(20% - 1px);margin-right:1px} #strategies #container #productContainer > .fx-slider > .fx-list .fx-nav.fx-on{background-color:#D2A851;color:#fff;} #strategies #container #productContainer > .fx-slider > .fx-slides .content{text-align:left} #strategies #container #productContainer > .fx-slider > .fx-slides .fx-nav{margin-bottom:1px;padding-left:30px;color:#fff;position:relative;height:150px;display:block;font-weight:800; text-transform:uppercase; font-size:14px; line-height:150px;letter-spacing:2px;} #strategies #container #productContainer > .fx-slider > .fx-slides .fx-nav::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/i/arrow-down-01.svg) no-repeat 95% center/30px auto;} #strategies #container #productContainer > .fx-slider > .fx-slides .fx-nav:nth-child(1){background:url(/i/item-hover-1.jpg) no-repeat center/cover;} #strategies #container #productContainer > .fx-slider > .fx-slides .fx-nav:nth-child(3){background:url(/i/item-hover-2.jpg) no-repeat center/cover;} #strategies #container #productContainer > .fx-slider > .fx-slides .fx-nav:nth-child(5){background:url(/i/item-hover-3.jpg) no-repeat center/cover;} #strategies #container #productContainer .fx-accordion .content{padding:30px 0 50px 0;} #strategies #container #productContainer .content{text-align:left;} #strategies #container #productContainer .fx-accordion p{margin-bottom: 11px;font-size: 14px;line-height: 26px;color:#484D51} */ body:not(#strategies) #productContainer {display: none;} /* Documents */ #documentContainer {display:none; position:absolute; left:100%; top:0px; width:100%; background-color:#F8F8F8; min-height:100%; z-index:5;} #documents .otherPageBackground {height:317px; background:url(/i/documents.jpg) no-repeat center center; background-size:cover;} #documents .content {text-align:left; padding-bottom:110px;} .investorDTitle {font-weight:600; font-size:14px; line-height:16px; color:#2B2C32; border-bottom:1px solid #878A94; padding-bottom:15px; margin-top:40px;} .newsP {font-size:14px; height:39px; line-height:41px; border-bottom:1px solid #EDEDEF; padding-left:8px; position:relative; top:0px; left:0px;} .newsP.odd {background-color:#FEFEFE;} .newsP a {position:absolute; right:19px; text-decoration:none; color:#545967; padding-right:30px; background:url(/i/pdf.png) no-repeat right center; } #fundTitle {font-size:20px; color:#00639E; height:40px; line-height:40px; padding-bottom:4px;} .fundSwitchDiv {position:relative; top:0px; left:0px; border-bottom:1px solid #E1E2E4; margin-top:85px;} .select-div {position:absolute; top:3px; right:0px; background:url(/i/select-arrow.png) no-repeat 255px; center; display:inline-block; border:1px solid #E9CC8F; width:280px; overflow:hidden; margin-right:3px; background-color:#FEFEFE;} .year-select {background-color:transparent; display:inline-block; width:315px; font-size:13px; line-height:30px; color:#545967; height:30px; cursor:pointer; border:none; padding-left:5px;} .year-select option {padding:5px 0 5px 10px;} .monthlySelectContainer {position:relative; top:0px; left:0px;} .monthlySelectContainer .select-div {border:1px solid #EDEDEF; width:100px; background-position:77px center; top:0px;} .monthlySelectContainer .year-select {width:130px;} .monthlySelectContainer .investorDTitle {padding-top:10px;} /* Request */ #request {padding-top:372px;} .request .content {padding-top:0; text-align:left;} table.questions1 { margin-top:50px; line-height:35px;} table.questions1 tr td {font-size:16px;padding-bottom:7px;} table.questions1 strong {color:#EB3C3F} table.questions1 input[type=text], #request table.subquestions input[type=text], table.questions2 td.answer2 input[type=text] {width:300px; height:30px; font-size:14px; font-family: "raleway",sans-serif; font-weight:300; margin-left:7px; padding-left:5px; border:1px solid #EEDAAF; height:35px; line-height:35px;} table.questions1 select {margin-left:7px;width:305px; border:1px solid #EEDAAF; height:35px; padding-left:5px;} table.questions1 select option {padding-left:5px;} table.questions2 {font-size:16px; width:100%; line-height:35px;} table.questions2 td.question2 {} table.questions2 td.answer2 {font-size:16px;padding-bottom:7px; vertical-align:middle;} table.questions2 td.answer2 input {margin:0 7px;} table.questions2 td.answer2 textarea {margin-left:10px; width:450px; resize: none; height:125px;font-family: 'Proxima N W01 Reg'; font-size:17px;} table.subquestions {font-size:16px; color: #464e5b;} table.subquestions input {margin:20px 7px 0 0; line-height:20px; padding-top:3px;} table.subquestions .subanswer2 {padding-bottom:20px;} .subquestion2 {font-weight:600; padding-top:14px;} .submitRegister {width:100%; border:none; margin-top:20px;} /* Media section */ #mediapage .content { position: relative; max-width: 1080px; width: 95%; margin: 0 auto; overflow-x: hidden; padding: 104px 0; } #mediapage .test {color: red;} #mediapage .article a { display: inline-block; padding-right: 15px; border-right: 1px solid; margin-right: 15px; } #mediapage .article a:last-child { border-right: 0; } .mediapage {display: none;} .mediapage.sel {display: block;} .mediapage.sel .media-link::after {opacity: 1;} .newspage {display: none;} .newspage.sel {display: block;} .newspage.sel .news-link::after {opacity: 1;} .newspage .header {margin-bottom: 28px;} .mediapage .header {margin-bottom: 28px;} .news-link {margin-right: 30px; position: relative;} .news-link::after { content: ""; width: 22px; height: 1px; background-color: #D29C51; position: absolute; bottom: -28px; left: 0; opacity: 0; } .media-link {position: relative;} .media-link::after { content: ""; width: 22px; height: 1px; background-color: #D29C51; position: absolute; bottom: -28px; left: 0; opacity: 0; } /* Home New */ .home_new #buttonNav {display: none !important;} .home_new #homePage {background: url(/i/sound-point-hero.jpg) no-repeat center/cover; height: auto !important; min-height: 90vh; padding: 110px 0 100px; display: flex; justify-content: center; align-items: center; box-sizing: border-box;} .home_new #homePage .home_container {background-color: #1f719666;position: relative; width: 100%;} .home_container * {box-sizing: border-box;} .home_container > div {width: 100%; display: flex; max-width: 980px; padding: 80px 20px; text-align: left;} .home_container .left {width: 75%; padding-right: 3%;} .home_container .right{width: 25%; padding-left: 3%;border-left: 1px solid #ffffff6e;} .home_container .article {height: 100%;} .home_container .article a {text-decoration: none;display: flex; flex-direction: column;} #homePage .home_container .aboutText {color: #fff; font-size: 24px; line-height: 32px; font-weight: 200; margin: 30px 0;} .home_new .footer {position: absolute;bottom: 0; left: 0; width: 100%;} .home_new2 .footer{position:relative;} .home_container h1 {font-size: 54px; font-weight: 200;} .home_container p, .home_container h3 {color: #fff;font-size: 18px; line-height: 24px;} .home_container .right h3 {color: #D4AA51; font-weight: 400; margin-top: 14px; margin-bottom: 60px; position: relative;} .home_container .right h3::after {display: block; content: ""; position: absolute; left: 0; bottom: -20px; height: 0; width: 50px; border-bottom: 1px solid #ffffff6e;} .home_container p.date, .home_container .learn_more {text-transform: uppercase;} .home_container .learn_more {color: #fff; transition: color .3s ease; font-weight: 400; letter-spacing: 1.5px;line-height: 20px; text-decoration: underline;} .home_container .learn_more:hover, .home_container .article a:hover .learn_more {color: #D4AA51;} .home_new #homePage .buttons a {display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 0.1em;text-decoration: underline; color: #fff;} .home_new #homePage .buttons a:nth-child(1) {margin-right: 20px;} #home .hero_bottom {padding-top: 0; padding-bottom: 2rem;} #home .sm {font-size: 11.5px; line-height: 20px; margin-top: 2rem;} #about .content {text-align: left;} #about_page {min-height: 94vh;} /* Maps */ .maps .content { padding: 50px 0 104px 0 !important;} .maps .content .wrap {display: flex; justify-content: space-between; max-width: 700px;} .maps .content .wrap > div {background: #FAF9F8; padding: 100px 16px; width: 285px;} .maps .content .wrap p { line-height: 26px; border-bottom: 1px solid #E9CC8F; padding-bottom: 20px; } .maps .content .wrap p span { font-weight: 600; color: #2B2C32; font-size: 14px; line-height: 14px; display: inline-block; padding-bottom: 15px; } .maps .content .wrap a {display: block; padding-top: 20px; color: #484D51; transition: color .3s ease ;} .maps .content .wrap a:hover {color: #E9CC8F;} .overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 100; } .popup { display: none; overflow-y: scroll; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; max-width: 580px; height: 400px; width: calc(100% - 3rem); z-index: 110; } .nymap { position: absolute !important; top: 50%!important; left: 50%!important; transform: translate(-50%, -50%)!important; width: 480px!important; height: 300px!important; } .popup .btn-close { position: absolute; right: 10px; top: 10px; font-size: 20px; color: #2B2C32; outline: none; border: none; cursor: pointer; background: none; transition: color .3s ease ; } .popup .btn-close:hover {color: #E9CC8F;} /******* UPDATE PSW *******/ #update_pw header #logo img,#reset_pw header #logo img {padding-top: 20px;} #update_pw header,#reset_pw header {background:#29333E; margin-top: 0; padding: 20px 0;} #update_pw header::after, #reset_pw header::after {display: none;} #update_pw header .content,#reset_pw header .content {height:90px; justify-content: center; padding: 0;} #update_pw section h1,#reset_pw section h1 {margin-bottom: 0.6em; font-size: 2rem;line-height: 1em; text-align: left; display: inline-block; color: #484D51;} #update_pw section p,#reset_pw section p {margin: 0;} #update_pw section p span,#reset_pw section p span {color:#ff0000;} #update_pw section .content,#reset_pw section .content {width: auto; max-width:1100px; margin: 4rem 5% 0 5%; text-align: center; padding: 0;} #update_pw section .form-buttons a,#reset_pw section .form-buttons a {text-decoration: none; cursor: pointer; transition: all 0.25s ease; display: inline-block; padding: 1em 2em; color: #484D51; border: 1px solid #055590; margin-right: 2em; font-weight: 400; text-transform: uppercase; font-size: 1em; letter-spacing: 0.075em} #update_pw section .form-buttons a:hover,#reset_pw section .form-buttons a:hover {color:#fff; background: #055590; border: solid 1px #055590;} #update_pw section .form-buttons,#reset_pw section .form-buttons {margin-top: 2rem;} #update_pw section .fx-field input,#reset_pw section .fx-field input,#update_pw section .fx-field textarea,#reset_pw section .fx-field textarea {border: 1px solid #00000080; font-size: 1.125em; padding: 0.5em; width:100%; color: #484D51;} #update_pw section .fx-field,#reset_pw section .fx-field {margin-right: 5%; margin-bottom: 2rem;} #update_pw section label,#reset_pw section label {font-size: 1.125em; color:#abb7c4; background:#fff; left: 0.5em; padding: 0 0.25em;} #update_pw section textarea,#reset_pw section textarea {resize:none; height: 10em;} #update_pw section .fx-msg,#reset_pw section .fx-msg {left: 0 !important; top: 100% !important; color:#ff0000; font-size: 0.875em;} #update_pw section .fx-input:focus ~ label,#reset_pw section .fx-input:focus ~ label,#update_pw section .fx-input.hasData ~ label,#reset_pw section .fx-input.hasData ~ label {left: 0.75em;} #update_pw section,#reset_pw section {padding: 3em 0;} #update_pw,#reset_pw {background:#fff;} .cookie-disclaimer p{color:#fff;} .cookie-disclaimer .c-content h2{font-size:24px;} /******* FLOATING RATE *******/ .half-image { background-size: contain; } .half-image-floating-rate { background-image: url(/i/product-hero.jpg); background-size: cover; background-position: center; background-attachment: scroll; } .list-container { background-color: #f8f8f8; padding: 100px 1rem; } .list-row { max-width: 820px; margin: auto; display: flex; flex-direction: row; border-bottom: 1px solid #d3d4d5; padding: 30px 0; justify-content: center; flex-wrap: wrap; } .list-row:first-of-type { border-top: 1px solid #d3d4d5; } .list-left, .list-right { width: 50%; text-align: left; } .list-title { font-size: 30px; color: #055590; } .rate-list-item { font-size: 18px; list-style-type: none; color: #73777a; font-weight: 500; } .rate-list-item::marker { color: rgb(193, 159, 87); content: "• "; } .contact-map-container { background-color: #fff; padding: 100px 1rem; } .contact-map-title { color: #055590; font-size: 30px; font-weight: 300; margin-bottom: 23px; } .contact-map-wrapper { max-width: 820px; height: 550px; } .contact-map { width: 100%; height: auto; } #South_East, #North_East, #Western, #Central { display: block; opacity: 0; transition: opacity .3s ease-in; } #Western:hover, #Central:hover, #South_East:hover, #North_East:hover, #Western.map-section-hover, #Central.map-section-hover, #South_East.map-section-hover, #North_East.map-section-hover { opacity: 1; } .map-marker-group { position: relative; width: 25px; overflow: hidden; } .map-marker-group.open-group { width: 300px; } #north-east-marker-group { top: -90%; bottom: auto; right: -33%; left: auto; } #south-east-marker-group { top: -105%; bottom: auto; right: -22%; left: auto; } .map-marker {display: none;} #north-east-marker-group {top: -86%;} #south-east-marker-group {top: -65%;} #south-east-marker-group .map-text-container {margin-top: 14px;} #south-east-marker-group .map-triangle { top: -125%; left: 0; transform: rotate(180deg); } /********************** MAP *********************/ #west-marker-group { top: -160%; bottom: auto; right: 28%; left: auto; } #central-marker-group { top: -190%; bottom: auto; right: -2%; left: auto; } .map-marker { width: 25px; height: 25px; border-radius: 50%; background-color: #d29c51; cursor: pointer; } .open-group .map-marker { background-image: url(/i/minus-icon.svg); } .map-text-container { width: 300px; height: 150px; opacity: 0; transition: none; text-align: left; font-size: 14px; background-color: #fff; padding: 0; box-sizing: border-box; margin-bottom: 14px; transform: translateX(50px); line-height: 1.5; pointer-events: none; } .open-group .map-text-container { opacity: 1; transform: translateX(0); transition: opacity .3s ease-in; padding: 25px; } .map-text-name { color: #d29c51; } .map-triangle { width: 0; height: 0; border-width: 13.0px 7.5px 0 7.5px; border-color: #FFFFFF transparent transparent transparent; border-style: solid; position: relative; margin: auto; bottom: -36%; } /************ INTRANET LOGIN ************/ #loginPage { width: 100%; margin: auto; background: none; } #loginPage #container { & {padding-top: 15vh; background: url(/i/sound-point-hero.jpg) no-repeat center/cover; } #message { color:#ffffff; } } #loginPage p {color: #fff;} #loginPage input {background: transparent;} #loginPage header nav, #login header #mobile_nav{display: none;} #loginPage section a {padding-left: 0;} #loginPage .s2 .contain .content {padding: 5.556rem 0;} #loginPage .intranetHeader { margin-bottom: 1.667rem; padding-left: 1.389rem; color: #fff; font-size: 1.667rem; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; } #loginPage .s2 .contain .content form { max-width: 380px; width: 90%; margin: auto; } #loginPage .s2 .contain .content form > label { color: #fff; font-size: 0.889rem; font-weight: 400; line-height: 1.778rem; } #loginPage .s2 .contain .content form .fx-field .fx-input:focus ~ label, .fx-input.hasData ~ label{opacity: 0;} #loginPage .s2 .contain .content form .fx-field .fx-input { width: 100%; padding: 0.833rem 1.111rem; border: solid 1px #d0d0d0; border-radius: 10px; color: #fff; } #loginPage .s2 .contain .content form .fx-field label { top: 14px; padding-left: 1.111rem; color: #fff; } #loginPage .s2 .contain .content form .fx-field .fx-msg{color: #ff0000;} #loginPage .s2 .contain .content form .fx-field a{padding-left: 0;} #loginPage .s2 .contain .content form .fx-field:first-of-type{margin-bottom: 1.667rem;} #loginPage .s2 .contain .content form .login { max-width: 380px; width: 100%; margin: 1.667rem auto; padding: 0.889rem; display: block; background-color: #D4AA51; border-radius: 10px; color: #fff; font-size: 0.889rem; font-weight: 400; letter-spacing: 0; text-align: center; } #loginPage .s2 .contain .content form .forget { padding-left: 0; color: #fff; font-size: 0.778rem; font-weight: 400; letter-spacing: 0; } /************ VERIFICATION TEXT ************/ #loginPage .s2 .contain .content form input[name="SECURITY_CODE"] { width: 100%; margin-top: 1.667rem; padding: 0.833rem 1.111rem; border: solid 1px #d0d0d0; border-radius: 10px; color: #fff; } #loginPage .s2 .contain .content form input[type="button"].button.green { width: 100%; margin: 1.667rem auto; padding: 0.889rem; display: block; background-color: #D4AA51; border: none; border-radius: 10px; color: #fff; font-size: 0.889rem; font-weight: 400; letter-spacing: 0; text-align: center; cursor: pointer; } /************ DEI ************/ #dei .content {padding: 30px 0;} #dei .s1,#corpvalues .s1 { position: relative; height: 420px; background: url(/i/dei_hero.jpg) no-repeat 67% center/cover; } #dei .s1 div { position: absolute; top: 50%; left: 50%; max-width: 620px; width: 90%; transform: translate(-50%, -50%); } #dei .s2 .aboutText {margin-bottom: 2rem;} #dei .s2 p {text-align: left;} #dei .s2 p.header {margin-top: 5rem;} #dei .s2 p:not(.aboutText) {line-height: 26px;} #dei .s2 .deiLogos { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } #dei .s2 .deiLogos a { width: 23.5%; display: block; background-color: #fff; margin-right: 2%; } #dei .s2 .deiLogos a:nth-child(4n) {margin-right: 0;} #dei .s2 .deiLogos a:nth-child(n+5) {margin-top: 2%;} #dei .s2 .deiLogos img {width: 100%;} #dei .s3 .content{text-align:left;} #dei .s3 p:not(.aboutText){line-height: 26px;} #dei .s3 .aboutText {margin-bottom: 2rem;} #dei .s3 .cols{margin-top:50px;display:flex;flex-direction:row;justify-content:space-between;} #dei .s3 .cols > div{width:30%} #dei .s3 .cols img{width:100%;margin-bottom:20px} #corpvalues .s1 div { position: absolute; top: 50%; left: 50%; max-width: 720px; width: 90%; transform: translate(-50%, -50%); } #corpvalues .content {padding: 104px 0;} #corpvalues .s2 .content{text-align:left;} #corpvalues .s2 p:not(.aboutText){line-height: 26px;} #corpvalues .s2 .aboutText {margin-bottom: 2rem;} #corpvalues .s2 .cols{margin-top:50px;display:flex;flex-direction:row;gap:50px;flex-wrap:wrap} #corpvalues .s2 .cols > div{width:calc(33.33% - 34px);} #corpvalues .s2 .cols img{width:100%;margin-bottom:20px} /************ ESG ************/ #esg .content {padding: 104px 0;} #esg .s1 { position: relative; height: 420px; background: url(/i/esg_hero.jpg) no-repeat 83% center/cover; } #esg p strong{font-weight:600} #esg .l{text-align:left;} #esg .cols{display:flex;flex-direction:row;justify-content:space-between;gap:70px;} #esg .cols > div:nth-child(1){width:55%} #esg .cols > div:nth-child(2){width:45%} #esg table { &{text-align:left;width:100%} th,td{text-align:center;padding:5px;} th:first-child,td:first-child{text-align:left;padding-left:10px;} thead th{background:#0A2F41;padding:10px;color:#fff} tr.c td{background:#DAE9F7;padding:10px;} tr td{border-bottom:1px solid #D9D9D9} } #esg .half-image {background-image: none;} #esg .half-image div {padding-top: 50px;} #esg .s1 div { position: absolute; top: 50%; left: 50%; max-width: 620px; width: 90%; transform: translate(-50%, -50%); } #esg .s2 .aboutText {margin-bottom: 2rem;} #esg .s2 p, #esg ul {text-align: left;} #esg .s2 p.header {margin-top: 5rem;} #esg .s2 p:not(.aboutText), #esg ul li {line-height: 26px;} #esg .s2 .esgLogos { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } #esg .s2 .esgLogos img { width: 32%; background-color: #fff; margin-right: 2%; } #esg .s2 .esgLogos img:nth-child(3n) {margin-right: 0;} #esg .s2 .esgLogos img:nth-child(n+4) {margin-top: 2%;} /************ MEDIA ************/ @media screen and (max-width: 1120px) { #logo-top {width: 200px;} #nav a {font-size: 10px;} } @media screen and (max-width:979px), screen and (max-device-width:979px) /*and (-webkit-min-device-pixel-ratio:2) */ { #logo-top {width: 180px;} #homePage {background-attachment:scroll;} #nav {display: none;} #menu_container {display: block;} .page .half-image {background-size: cover !important; background-attachment: scroll !important;} #top-bar.active #logo-top {background-image: url(/i/SP-logo-full.png);} #top-bar.active #menu_btn i {background-color: #055590; width: 35px !important; top: 5px !important;} #top-bar.active #menu_btn i:nth-child(1) {transform: rotate(45deg);} #top-bar.active #menu_btn i:nth-child(2) {transform: rotate(-45deg);} #about .page .half-image {background-position: 30% center;} #about .page table {width: auto !important;} #about .page table div.cols2, #careers #container div.cols2 {column-count: 1 !important; column-gap: 0 !important;} #contact .page .half-image {background-size: auto 600px !important; } #contact .page .half-image div {padding-top: 140px;} #dei .s2 .deiLogos {gap: 15px 2%;} #dei .s2 .deiLogos a {width: 32%; margin: 0 !important;} #team.new_page .half-image {background-attachment: scroll;} /* #team.new_page p.team_intro {margin-bottom: 0;} */ /* #team.new_page .team_container .fx-slides > div {width: 100% !important;} */ /* #team.new_page .team_container .team_slide {display: block; float: none !important; height: auto !important;} */ /* #team.new_page .team_container .team_slide:first-of-type {display: none !important;} */ #team.new_page .team_container .person {width: 32%;} /* #team.new_page .team_container h3.mob_header {display: block !important;} */ /* #team.new_page .dropdowns_wrapper {display: none;} */ } @media screen and (max-width: 850px) { #north-east-marker-group {top: -84%;} #esg .cols{flex-direction:column;gap:30px} #esg .cols > div{width:100% !important} } @media screen and (max-width: 760px) { #north-east-marker-group {top: -78%;} #south-east-marker-group {top: -94%;} #west-marker-group {top: -145%;} #central-marker-group {top: -180%;} .aboutText, #careers #container .tagline {font-size: 28px; line-height: 38px;} .footer a {display: block;} .footer span {display: none;} .home_container > div {flex-direction: column;} .home_container > div > div {width: 100% !important; padding-left: 0 !important;} .home_container .right {padding-top: 1em; margin-top: 2em; border-top: 1px solid #ffffff6e; border-left: 0;} #team.new_page .team_container .team_slider_wrapper {max-width: 575px; margin: auto;} #team.new_page .team_container .person {width: 49%;} #bio .bio_wrapper {flex-direction: column-reverse; margin: 0 auto;} #bio .contact_info.--mob {margin-top: 3rem; display: flex; align-items: flex-start;} #bio .contact_info.--desk{display: none;} #contact .contact_tb-row {flex-direction: column; gap: 0;} #contact .contact_tb-row td, #contact .contact-info > div {width: 100%; max-width: 100%;} #contact .contact-info {gap: 45px} #contact .contactBottom .content {padding-top: 80px;} #contact .contactBottom {height: auto; padding-bottom: 425px;} #contact .contactBottom > div:last-of-type {top: auto; bottom: 0; width: 100%; height: 400px;} } @media screen and (max-width: 650px) { .map-marker-group {transform: translateY(36px);} #dei .s2 .deiLogos a {width: 49%;} #sms-mms {max-height: 200px; padding-top: 60px;} } @media screen and (max-width: 570px) { .map-marker-group {transform: translateY(60px);} } @media screen and (max-width: 500px) { #team.new_page .team_container .team_slider_wrapper {max-width: 300px;} #team.new_page .team_container .person {width: 100%;} #bio .right {max-width: 100%;} }