/*=== Libriries Start ===*/ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=08e828198d6f5f38f5da) * Config saved to config.json and https://gist.github.com/08e828198d6f5f38f5da *//*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ @import "//fast.fonts.net/t/1.css?apiType=css&projectid=d7973e7a-a379-4b76-bd8a-40240ea87b6e"; @import url("//cloud.typography.com/7154692/655946/css/fonts.css");/*For promos*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:1024px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:1024px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:1023px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:1024px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1024px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:1024px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:1024px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:1023px){.hidden-sm{display:none !important}}@media (min-width:1024px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} /*=== Libriries End ===*/ /*=== Basic Start ===*/ @font-face { font-family: 'UniversLTW02-57Condense'; src: url(../fonts/adc492fa-2e18-46e7-a334-19977a077ec2.eot?#iefix); src: url(../fonts/adc492fa-2e18-46e7-a334-19977a077ec2.eot?#iefix) format('eot'), url(../fonts/14f0370a-8385-437e-b5b8-5cb89e20e2ff.woff) format('woff'), url(../fonts/8c1d24ab-e7f8-4c29-a419-f87180fdf410.ttf) format('truetype'), url(../fonts/9baaf87b-982d-45c0-9518-8f5aec7c1292.svg#9baaf87b-982d-45c0-9518-8f5aec7c1292) format('svg'); } @font-face { font-family: 'UniversLTW02-67BoldCn'; src: url(../fonts/c1f2f059-579b-465a-a13f-d70acd6c6212.eot?#iefix); src: url(../fonts/c1f2f059-579b-465a-a13f-d70acd6c6212.eot?#iefix) format('eot'), url(../fonts/b2388651-dd56-4c8e-8455-c55318f6a734.woff) format('woff'), url(../fonts/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf) format('truetype'), url(../fonts/d39b0ff2-cca2-4288-8f6a-c730f44feb81.svg#d39b0ff2-cca2-4288-8f6a-c730f44feb81) format('svg'); } @font-face { font-family: 'Smart Sans W02 Light'; src: url(../fonts/32e46b5f-38ce-4242-836a-5e9a0f764d03.eot?#iefix); src: url(../fonts/32e46b5f-38ce-4242-836a-5e9a0f764d03.eot?#iefix) format('eot'), url(../fonts/82df3987-e01d-43d1-9dfa-b69320e8a5c9.woff) format('woff'), url(../fonts/4db0bb8f-6385-4632-b199-fe9a5545e2c7.ttf) format('truetype'), url(../fonts/573b3891-8f7a-47fb-8c38-b9707f67988d.svg#573b3891-8f7a-47fb-8c38-b9707f67988d) format('svg'); } @font-face { font-family: "FoundersGrotesk"; src: url("/fonts/FoundersGroteskWeb-Regular.woff2") format("woff2"), url("/fonts/FoundersGroteskWeb-Regular.woff") format("woff"); font-style: normal; font-weight: normal; } @font-face { font-family: "FoundersGrotesk"; src: url("/fonts/FoundersGroteskWeb-Semibold.woff2") format("woff2"), url("/fonts/FoundersGroteskWeb-Semibold.woff") format("woff"); font-style: normal; font-weight: 600; } body { color: #333; font-family: 'UniversLTW02-57Condense', Calibri; font-size: 15px; line-height: 1.25; letter-spacing:0.2px; } a { color: #649455; } a:hover, a:focus { color: #4c7c3d; outline: 0 none; text-decoration: none; } strong, b, h1, h2, h3, h4 { font-family: "UniversLTW02-67BoldCn","Calibri"; font-weight: normal; } h1 { font-size: 32px; line-height: 40px; margin: 0 0 20px; padding: 0; } h2 { border-bottom: 2px solid #e6e7e8; font-size: 25px; line-height: 30px; margin: 0 0 10px; padding: 0 0 10px; text-transform: capitalize; } h3 { font-size: 15px; line-height: 18px; margin: 0 0 10px; padding: 0; } h4 { font-size: 18px; line-height:1.4; margin: 0; padding: 0; text-transform: uppercase; } p { padding: 0; margin: 0 0 15px; } ul.disc li{ list-style-type: disc; line-height:1.5; } @media (max-width: 767px) { body { font-size: 16px; } h1 { margin-bottom: 15px; margin-top: 15px; } h3 { font-size: 16px; } .modal-on { overflow: hidden; } } @media (min-width: 768px) { h1 { margin-top: 0; } } @media (max-width: 1023px) { .nav-opened { position: fixed; width: 100%; } } /*=== Basic End ===*/ /*=== Layout Start ===*/ .container, .no-mediaqueries .container{ max-width: 1180px; width: auto; } .no-mediaqueries a:focus { outline: 0 none; } main .container { background-color: #fff; position: relative; min-height: 360px; } main section { margin-bottom: 40px; } main a span { color: #a4a4a4; font-family: 'UniversLTW02-57Condense', 'Calibri'; font-size: 12px; margin: 0 5px; text-transform: uppercase; } main .video_link span { background: url(../images/spdr_sprites_au.png) no-repeat scroll right -2300px; display: inline-block; height: 9px; padding: 0; width: 15px; } @media (max-width: 767px) { main .container { padding: 10px; padding-bottom: 30px; } main { padding: 12px; } } @media (min-width: 768px) { .container { padding-left: 20px; padding-right: 20px; } main .container { padding-bottom: 30px; padding-top: 20px; } main { padding: 12px; } .pal-10 { padding-left: 10px; } .par-10 { padding-right: 10px; } } @media (min-width: 1024px) { main { padding: 25px 35px 35px; } } /*=== Layout End ===*/ /*=== Button Start ===*/ .btn { border: 2px solid #7aaa6c; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); color: #649455; display: inline-block; font-family: 'UniversLTW02-57Condense', 'Calibri'; font-size: 15px; height: 50px; line-height: 46px; padding: 0 17px; text-transform: uppercase; } .btn.inactive, .btn.disabled{ border-color: #cdcdcd; cursor: default; color: #b1b1b1; pointer-events: none; } .btn:after { background: url(../images/spdr_sprites_au.png) no-repeat 0 -800px; content: ""; display: inline-block; height: 12px; margin-left: 5px; width: 12px; } .btn.external:after { background: url(../images/spdr_sprites_au.png) no-repeat scroll 0 -5799px; } .btn.inactive:after, .btn.disabled:after{ background: none; content: none; } .btn-white { border-color: #fff; color: #fff; } .btn-white:hover, .btn-white:focus { color: #fff; } .btn-white:after { background-position: 0 -900px; } .btns a { margin-right: 20px; text-transform: uppercase; } .btn_icon { display: none; } @media (max-width: 767px) { .btn { height: 48px; background-color: #7AAA6C; color: #fff; width: 100%; display: inline-block; box-shadow: 0 3px 0 0 #43772d; line-height: 48px; font-size: 20px; text-align: center; margin-bottom: 10px; border:0; } .btn:after { content: none; } .btn[disabled], .btn.disabled, .btn.inactive{ background-color: #eaeaea; color: #A4A4A4; box-shadow: none; border:0; border-bottom: 1px solid #a4a4a4; } .btn-default { background-color: #eaeaea; color: #649455; box-shadow: none; margin-top: 10px; } .btn:hover, .btn:active, .btn:focus { color: #fff; } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #333; } .btns a { margin-right: 0; } } @media (min-width: 768px) { .btn-default { border: none; box-shadow: none; padding: 0; } .btn-default:after { content:none; } } /*=== Button End ===*/ /*=== Overlay Start ===*/ .bg-overlay { background-color: #000; display: none; filter: alpha(opacity = 0); height: 200%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index:10; } .bg-overlay.active { display: block; } .overlay { background-color: #fff; border: 1px solid #e6e7e8; display: none; z-index: 11; } .bg-overlay.mask { filter: alpha(opacity = 25); opacity: 0.25; } .overlay.active { display: block; } .close-overlay { background: url(../images/spdr_sprites_au.png) no-repeat 0 -1200px; height: 22px; position: absolute; right: 10px; top: 10px; width: 22px; } .overlay h2 { text-transform: none; padding-right: 10px; } #video h2{ padding-right:10px; } @media (max-width: 480px) { .bg-overlay.tooltip-mask { filter: alpha(opacity = 25); opacity: 0.25; } } @media (max-width: 767px) { .bg-overlay.mobile-mask { filter: alpha(opacity = 25); opacity: 0.25; } .overlay { border: 0 none; height: 100%; left: 0; overflow: auto; padding: 40px 22px 15px; position: fixed; top: 0; width: 100%; } .overlay .content { height: 100%; overflow-y: auto; overflow-x:hidden; } .overlay.info { border: 0 none; height: 300px; left: 50%; margin-left: -40%; margin-top: -150px; padding-top: 50px; top: 50%; width: 80%; } .overlay .type { background-color: #fff; color: #808080; height: 40px; left: 0; margin: 0; padding-left: 22px; padding-top: 15px; position: absolute; text-transform: uppercase; top: 0; width: 100%; } .overlay.info .type { position: absolute; } .overlay.info .close-overlay { position: absolute; } .overlay.info .btn-close { display: none !important; } .overlay.info h2 { border: 0 none; font-size: 18px; line-height: 1.2; margin-bottom: 15px; } #video-player { background-color: #fff; height: 435px; margin-top: 20px; width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .bg-overlay.mobile-mask { filter: alpha(opacity = 25); opacity: 0.25; } .overlay { left: 50%; margin-left: -300px; padding: 15px; position: absolute; top: 175px; width: 600px; } .overlay .type { display: none; } #video { width: 512px; } #video-player { border: 1px solid #e6e7e8; height: 272px; margin-top: 20px; width: 482px; } } @media (min-width: 1024px) { .overlay { left: 50%; margin-left: -300px; padding: 15px; position: absolute; top: 175px; width: 600px; } .overlay .type { display: none; } #video { width: 512px; } #video-player { border: 1px solid #e6e7e8; height: 272px; margin-top: 20px; width: 482px; } } /*=== Overlay End ===*/ /*=== Header Start ===*/ header { background-color: #fff; position: relative; } header ul { margin: 0; padding: 0; list-style: outside none; } .main-nav .container::after { content: ""; background-color: #213f30; display: block; height: 5px; } @media (max-width: 767px) { header { padding: 0 12px; } header.focused { z-index: 12; } header .container { padding-left: 0; padding-right: 0; width: auto; } .top-nav { display: none; } .main-nav { height: 85px; margin-right: -5px; padding-top: 15px; } .main-nav .container::after { width: calc(100% - 25px); margin-left: 10px; } #logo-spdr { float: left; height:70px; padding:6px 0 15px 10px; width: 185px; } #logo-spdr img { max-width:100%; } #search { float: right; margin-top: 18px; } #btn-search { background: url(../images/spdr_sprites_au.png) no-repeat 15px -3386px; display: block; height: 52px; padding: 15px; width: 52px; } #btn-search.active { background-color: #f7f7f7; background-position: 15px -3286px; } #area-search { background-color: #f7f7f7; display: none; left: 0; padding: 12px 22px; position: absolute; top: 85px; width: 100%; z-index: 11; } #area-search input { background-color: #fff; border: 0 none; color: #808080; float: left; font-size: 16px; height: 40px; margin-right: 3%; padding: 0 12px; width: 79%; } #area-search .btn { background-color: #fff; border: 2px solid #7aaa6c; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); color: #649455; float: right; height: 40px; line-height: 34px; margin-bottom: 0; padding: 0 2%; text-align: center; width: 18%; } #area-search .btn:after { content: ""; } #area-search .btn span { display: none; } #btn-user { /* background: url(../images/spdr_sprites_au.png) no-repeat 16px -3588px; border: 0 none; float: right; height: 52px; margin-top: 18px; padding: 15px; width: 52px; */ display: none !important; } #autocomplete { background-color: #f7f7f7; display: none; left: 0; max-height: 326px; overflow-y: auto; padding: 0 0 12px; position: absolute; top: 64px; width: 100%; z-index:11; } #autocomplete li { color: #333; cursor: pointer; margin: 0; padding: 10px 22px; } #autocomplete li a { color: #333; } #autocomplete li:hover, #autocomplete .active { background-color: #f0f0f0; } #autocomplete li span { color: #808080; } .nav-opened #logo-spdr, .nav-opened .navbar-toggle, .nav-opened #search, .nav-opened #btn-user { position: relative; z-index: 2; } } @media (min-width: 768px) and (max-width: 1023px) { header { padding: 0 12px; } header.focused { z-index: 12; } header .container { padding-left: 0; padding-right: 0; width: auto; } #logo-spdr { float: left; height: 70px; padding:6px 0 15px 20px; width: 195px; } #logo-spdr img { max-width:100%; } .top-nav { display: none; } .main-nav { height: 85px; padding-top: 15px; } .main-nav .container::after { width: calc(100% - 40px); margin-left: 20px; } #search { float: right; margin-top: 18px; } #btn-search { background: url(../images/spdr_sprites_au.png) no-repeat 20px -3386px; display: block; height: 52px; padding: 15px 20px; width: 62px; } #btn-search.active { background-color: #f7f7f7; background-position: 20px -3286px; } #area-search { background-color: #f7f7f7; display: none; left: 0; padding: 12px 32px; position: absolute; top: 85px; width: 100%; z-index: 11; } #area-search input { background-color: #fff; border: 0 none; color: #808080; float: left; font-size: 16px; height: 40px; margin-right: 2%; padding: 0 12px; width: 80%; } #area-search .btn { background-color: #fff; float: right; height: 40px; line-height: 34px; padding: 0 2%; text-align: center; width: 18%; } #btn-user { /* background: url(../images/spdr_sprites_au.png) no-repeat 21px -3588px; border: 0 none; float: right; height: 52px; margin-top: 18px; padding: 15px 20px; width: 62px; */ display: none !important; } #autocomplete { background-color: #f7f7f7; display: none; left: 0; max-height: 326px; overflow-y: auto; padding: 0 0 12px; position: absolute; top: 64px; width: 100%; z-index:11; } #autocomplete li { color: #333; cursor: pointer; margin: 0; padding: 10px 32px; } #autocomplete li a { color: #333; } #autocomplete li:hover, #autocomplete .active { background-color: #f0f0f0; } #autocomplete li span { color: #808080; } .nav-opened #logo-spdr, .nav-opened .navbar-toggle, .nav-opened #search, .nav-opened #btn-user { position: relative; z-index: 2; } } @media (min-width: 1024px) { header.focused nav, header.focused #search { z-index: 11; } .top-nav { background-color: #333; display: block; font-size: 14px; height: 42px; line-height: 1.5; padding: 10px 35px 11px; text-transform: uppercase; } .top-nav .country { color: #FFF; float: left; } .top-nav .links { color: #fff; float: right; } .top-nav .links li { float: left; margin-left: 14px; } .top-nav .links li:before { background-color: #fff; content: ""; display: inline-block; height: 9px; margin-right: 14px; width: 1px; } .top-nav .links li:first-child:before { content: none; } .top-nav .links a { color: #fff; } .top-nav .links a:hover { text-decoration: underline; } #user_info { display: none; } .top-nav .profileLink { margin: 0 10px; } .top-nav a.profileLink:hover { text-decoration: none; } .top-nav a.profileLink:hover span { text-decoration: underline; } .top-nav .profileLink:before { content: "\2022"; display: inline-block; margin-right: 10px; } .top-nav .profileLink:after { content: "\2022"; display: inline-block; margin-left: 10px; } .top-nav-link { display: none; } .main-nav { height: 130px; padding-left: 35px; padding-right: 35px; } .main-nav .container::after { width: 100%; } #btn-user { display: none !important; } #logo-spdr { float: left; height: 130px; padding: 30px 0; width: 246px; } #logo-spdr img { max-width:100%; } #search { border-left: 1px solid #e6e7e8; float: right; margin: 45px 0 0; padding: 7px 0 6px 30px; position: relative; } #btn-search { background: url(../images/spdr_sprites_au.png) no-repeat 1px 1px; display: inline-block; height: 22px; width: 22px; } #btn-search:hover { background-position: 0 -100px; } #area-search { background-color: #333; display: none; padding: 10px 15px; position: absolute; right: 0; top: 85px; width: 465px; } #area-search input { background-color: #fff; border: 0 none; color: #333; float: left; font-size: 15px; height: 50px; line-height: 20px; margin: 0 20px 0 0; padding: 15px; width: 300px; } #area-search .btn { border-color: #fff; color: #fff; float: right; text-align: center; padding: 0 17px; } #area-search .btn:after { background-position: 0 -900px; } #autocomplete { background-color: #333; display: none; left: 0; max-height: 300px; overflow-y: auto; padding: 10px; position: absolute; top: 70px; width: 100%; z-index:11; } #autocomplete li { color: #fff; cursor: pointer; margin: 0; padding: 7px 5px; } #autocomplete li a { color: #fff; } #autocomplete li:hover, #autocomplete .active { background-color: #646464; } #autocomplete li span { color: #808080; } #autocomplete li:hover span, #autocomplete .active span { color: #fff; } } /*=== Header End ===*/ /*=== Nav Start ===*/ @media (max-width: 767px) { .navbar-toggle { background: url(../images/spdr_sprites_au.png) no-repeat 16px -3788px #f7f7f7; border: 0 none; float: right; height: 52px; margin-top: 18px; padding: 15px; width: 52px; } .navbar-toggle.collapsed { background-color: transparent; background-position: 16px -3688px; } nav { background-color: #f7f7f7; border-top: 85px solid #fff; display: none; float: right; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; } nav a, .top-nav-link .country { border-top: 1px solid #f0f0f0; color: #333; display: block; font-size: 16px; padding: 14px 22px 13px; } nav li:first-child > a { border-top-width: 0; } .menu-level-1 { position: relative; } .menu-level-2 > li > a { margin-left: 45px; padding-left: 0; position: relative; } .more-level-1 { position: relative; } .more-level-1:after { background: url(../images/spdr_sprites_au.png) no-repeat right -2902px; content: ""; height: 22px; position: absolute; right: 22px; top: 13px; width: 22px; } .more-level-2:after { background: url(../images/spdr_sprites_au.png) no-repeat right -2999px; content: ""; height: 22px; position: absolute; right: 22px; top: 13px; width: 22px; } .more-level-2.active:after { background-position: right -3100px; } .more-level-2.active { border-bottom: 1px solid #f0f0f0; color: #333; font-family: "UniversLTW02-67BoldCn","Calibri"; } .menu-level-2 .back { background-color: #7aaa6c; border-bottom: 1px solid #f0f0f0; border-top-width: 0; color: #fff; margin-left: 0; padding-left: 45px; } .menu-level-2 .back:hover { color: #fff; } .menu-level-2 .back:before { background: url(../images/spdr_sprites_au.png) no-repeat left -3203px; content: ""; height: 22px; left: 22px; margin-right: 10px; position: absolute; top: 13px; width: 22px; } .menu-level-2 { background-color: #f7f7f7; display: none; height: 100%; left: 100%; position: absolute; top: 0; width: 100%; z-index: 2; } .menu-level-3 { background-color: #fff; display: none; padding: 10px 0; } .menu-level-3.active { display: block; } .menu-level-3 a { border: 0 none; color: #7aaa6c; padding: 10px 22px 10px 45px; } .menu-level-3 h5 { font-family: "UniversLTW02-57Condense","Calibri"; font-size: 16px; font-weight: normal; line-height: 17px; margin: 0; padding: 10px 22px 10px 45px; text-transform: uppercase; } .active-level-1 .menu-level-2 { display: block; left: 0; -webkit-animation: navMove 0.4s ease-in-out; animation: navMove 0.4s ease-in-out; } .menu:hover, .menu-level-2 > li:hover, .menu-level-3 a:hover { background-color: #ecf4eb; color: #333; } .menu-level-2 > li > a:hover { color: #333; } .menu-apart { border-top: 15px solid #e6e7e8; } .menu-apart ~ .menu-apart { border-top: 0 none; } @-webkit-keyframes navMove { 0% { display: none; left: 100%; } 1% { display: block; left: 100%; } 100% { display: block; left: 0; } } @keyframes navMove { 0% { display: none; left: 100%; } 1% { display: block; left: 100%; } 100% { display: block; left: 0; } } } @media (min-width: 768px) and (max-width: 1023px) { .navbar-toggle { background: url(../images/spdr_sprites_au.png) no-repeat 21px -3788px #f7f7f7; border: 0 none; float: right; height: 52px; margin-top: 18px; padding: 15px 20px; width: 62px; } .navbar-toggle.collapsed { background-color: transparent; background-position: 21px -3688px; } nav { background-color: #f7f7f7; border-top: 85px solid #fff; display: none; float: right; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; } nav a, .top-nav-link .country { border-top: 1px solid #f0f0f0; color: #333; display: block; font-size: 16px; padding: 14px 32px 13px; } nav li:first-child > a { border-top-width: 0; } .menu-level-1 { position: relative; } .menu-level-2 > li > a { margin-left: 55px; padding-left: 0; position: relative; } .more-level-1 { position: relative; } .more-level-1:after { background: url(../images/spdr_sprites_au.png) no-repeat right -2902px; content: ""; height: 22px; position: absolute; right: 32px; top: 13px; width: 22px; } .more-level-2:after { background: url(../images/spdr_sprites_au.png) no-repeat right -2999px; content: ""; height: 22px; position: absolute; right: 32px; top: 13px; width: 22px; } .more-level-2.active:after { background-position: right -3100px; } .more-level-2.active { border-bottom: 1px solid #f0f0f0; color: #333; font-family: "UniversLTW02-67BoldCn","Calibri"; } .menu-level-2 .back { background-color: #7aaa6c; border-bottom: 1px solid #f0f0f0; border-top-width: 0; color: #fff; margin-left: 0; padding-left: 55px; } .menu-level-2 .back:hover { color: #fff; } .menu-level-2 .back:before { background: url(../images/spdr_sprites_au.png) no-repeat left -3203px; content: ""; height: 22px; left: 32px; margin-right: 10px; position: absolute; top: 13px; width: 22px; } .menu-level-2 { background-color: #f7f7f7; display: none; height: 100%; left: 100%; position: absolute; top: 0; width: 100%; z-index: 2; } .menu-level-3 { background-color: #fff; display: none; padding: 10px 0; } .menu-level-3.active { display: block; } .menu-level-3 a { border: 0 none; color: #7aaa6c; padding: 10px 32px 10px 55px; } .menu-level-3 h5 { font-family: "UniversLTW02-57Condense","Calibri"; font-size: 16px; font-weight: normal; line-height: 17px; margin: 0; padding: 10px 32px 10px 55px; text-transform: uppercase; } .active-level-1 .menu-level-2 { display: block; left: 0; -webkit-animation: navMove 0.4s ease-in-out; animation: navMove 0.4s ease-in-out; } .menu:hover, .menu-level-2 > li:hover, .menu-level-3 a:hover { background-color: #ecf4eb; color: #333; } .menu-level-2 > li > a:hover { color: #333; } .menu-apart { border-top: 15px solid #e6e7e8; } .menu-apart ~ .menu-apart { border-top: 0 none; } @-webkit-keyframes navMove { 0% { display: none; left: 100%; } 1% { display: block; left: 100%; } 100% { display: block; left: 0; } } @keyframes navMove { 0% { display: none; left: 100%; } 1% { display: block; left: 100%; } 100% { display: block; left: 0; } } } @media (min-width: 1024px) { .navbar-toggle { display: none; } nav { float: right; height: 32px; margin: 45px 30px 17px 0; position: relative; } nav a { display: block; font-size: 16px; } .menu.on, .menu:hover, .menu-filter-level-3 .active a { color: #000; } .menu.divider:before { background-color: #e6e7e8; content: ""; display: inline-block; height: 18px; margin-right: 15px; vertical-align: top; width: 1px; } .menu-level-1 > li { float: left; margin: 6px 0 0 25px; position: relative; } .more-level-1 { font-size: 20px; } .menu-level-2 { background-color: #fff; border-top: 6px solid #4c7c3d; border-right: 1px solid #e6e7e8; border-bottom: 3px solid rgba(0, 0, 0, 0.1); border-left: 1px solid #e6e7e8; display: none; min-width: 142px; top: 44px; } .active-level-1 .menu-level-2 { display: block; position: absolute; } .level-3-opened { width: 594px; } .level-3-opened > li { width: 245px; } .menu-level-2 > li > a { background-color: #e6e7e8; padding: 7px 15px 10px; white-space: nowrap; } .menu-level-2 > li:nth-of-type(2) > a { padding-top: 12px; } .menu-level-2 .view-all { font-size: 22px; font-family: "UniversLTW02-67BoldCn","Calibri"; padding: 15px 15px 0; } .menu-level-3 { display: none; } .menu-level-3 h5 { border-bottom: 1px solid #e6e7e8; font-family: "UniversLTW02-57Condense","Calibri"; font-size: 16px; font-weight: normal; line-height: 17px; margin: 0; padding: 6px 0; text-transform: uppercase; } .active-level-2 .menu-level-3, .menu-level-3.viewing { display: block; margin-top: 5px; position: absolute; right: 8px; top:0; width: 330px; } #menu-edu .menu-level-3 { width: 200px; } #menu-edu .level-3-opened { width: 471px; } #menu-edu .level-3-opened > li { width: 241px; } /* add ticker span start */ .menu-level-3 li a span:first-child { min-width: 42px; margin-right: 8px; } .menu-level-3 li a { border-bottom: 1px solid #e6e7e8; padding: 7px 0 5px; display:block; overflow: hidden; } .menu-level-3 li a span { display:inline-block; float: left; max-width: 278px; font-size: 14px; } .menu-level-3 > li:first-child > a { border-top: 1px solid #e6e7e8; } /* add ticker span end */ .more-level-1.active { background-position: 0 -295px; color: #000; } .more-level-2.viewing { color: #4c7c3d; } .more-level-3 { display: none; } .menu-filter-level-3 { display: none; } .menu-filter-level-3.viewing { display: block; } .back { display: none; } } @media (min-width: 1024px) and (max-width: 1100px) { nav { margin-right: 20px; } nav a, .menu-level-3 h5 { font-size: 15px; } #search { padding-left: 20px; } #logo-spdr { float: left; height: 99px; padding: 35px 0 15px 0px; width: 175px; } #logo-spdr img { max-width:100%; } } @media (min-width: 1024px) and (max-width: 1400px) { #menu-resources .menu-level-2 { width: 230px; } #menu-resources .menu-level-2 > li > a { white-space: normal; } } @media (min-width: 1024px) and (max-width: 1450px) { #menu-edu .level-3-opened { width: 410px; } #menu-edu .menu-level-2> li { width: 200px; } #menu-edu .menu-level-2 > li > a { white-space: normal; } #menu-edu .menu-level-3 { width: 180px; } } /*=== Nav End ===*/ /*=== Footer Start ===*/ footer { color: #57585b; font-size: 12px; } footer ul { list-style: outside none; margin: 0; padding: 0; } footer p { margin: 0 0 15px; } #logo-ssga { display: block; margin: 0 0 38px; } @media (max-width: 767px) { footer { padding: 27px 12px 0; } footer .container { padding-left: 10px; padding-right: 10px; } #logo-ssga { height: 22px; } .footer-nav { float: left; font-size: 13px; width: 100%; } .footer-nav > li { float: left; padding-bottom: 20px; width: 50%; } .footer-nav p { margin: 0; } .footer-nav a { display: inline-block; margin: 6px 0 0; } .copyrights { clear: both; } .copyrights small { font-size: 12px; } .site-disclosure { margin-bottom: 20px; } .site-disclosure a.toggler { font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 15px; line-height: 18px; background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat 0px -596px; display: block; margin-bottom: 10px; padding: 0 0 0 18px; text-transform: capitalize; } .site-disclosure a.active { background-position: 0px -696px; } .site-disclosure div { display: none; } .site-disclosure div.active { display: block; } } @media (min-width: 768px) { footer { padding: 27px 12px 0; } .footer-nav { float: left; font-size: 13px; margin-bottom: 25px; width: 80%; } .footer-nav > li { border-right: 1px solid #cdcdcd; float: left; min-height: 115px; padding: 0 0 20px 30px; width: 25%; } .footer-nav > li:first-child { padding-left: 0; } .footer-nav p { margin: 0; } .footer-nav a { display: inline-block; margin: 6px 0 0; } .copyrights { float: left; margin-bottom: 10px; padding-left: 30px; width: 20%; } .copyrights small { font-size: 12px; } .site-disclosure { clear: both; } } @media (min-width: 1024px) { footer { padding-left: 35px; padding-right: 35px; } } /*=== Footer End ===*/ /*=== Tabs Start ===*/ .tab-pane { display: none; } .tab-pane.active { display: block; } @media (min-width: 768px) { .tabs { background-color: #e6e7e8; font-size: 15px; list-style: outside none; margin: 0 0 10px; overflow-x: auto; overflow-y: hidden; padding: 7px 6px 0; text-transform: uppercase; /* white-space: nowrap; */ } .tabs li { display: inline-block; } .tabs a { color: #808080; display: block; min-height: 43px; margin: 0 6px; padding: 10px 8px 0; text-align: center; } .tabs a:hover { color: #333; } .tabs .active a { background-color: #fff; color: #333; cursor: default; } .tab-select .select-filed { display: none; } } @media (max-width: 767px) { .tab-select { position: relative; margin-bottom: 15px; text-transform: uppercase; } .tab-select .arrow { float: right; height: 48px; width: 22px; background: url(../images/spdr_sprites_au.png) no-repeat right -2583px; position: absolute; right: 12px; } .tab-select .select-filed-input { width: 100%; height: 48px; border: 2px solid #7aaa6c; padding: 0 10px; font-size: 17px; color: #649455; text-transform: uppercase; outline: -webkit-focus-ring-color auto 0px; cursor: pointer; border-radius: 0; line-height: 44px; } .tab-select .select-filed-input:disabled { -webkit-text-fill-color: rgba(122, 170, 108, 1); -webkit-opacity: 1; background: white; } .tab-select .tabs { display: none; max-height: 300px; overflow-y: auto; background-color: white; border: 2px solid #7aaa6c; position: absolute; margin: 0px; top: 46px; width: 100%; z-index: 11; list-style: none; padding-left: 0px; color: #333; } .tab-select .tabs.in{ display: block; } .tab-select ul.tabs li { line-height: 36px; padding: 5px 10px; font-size: 17px; } .tab-select ul.tabs li a { color: #333; display: inline-block; width: 100%; } .tab-select ul.tabs li.active { background: #7aaa6c; } .tab-select ul.tabs li.active a { color: #fff; } .tab-select.only { margin-bottom: 0; } .tab-select.only .arrow { /*background: url(../images/spdr_sprites_au.png) no-repeat right -2682px;*/ background: none; } .tab-select.only .select-filed-input { color: #333; cursor: default; font-size: 20px; border: 0; border-bottom: 2px solid #e6e7e8; padding-left:0; } .tab-select.only .tabs { display:none; } } /*=== Tabs End ===*/ /*=== Breadcrumb Start ===*/ @media (max-width: 767px) { #breadcrumb { display: none; } } @media (min-width: 768px) { #breadcrumb { color: #000; font-size: 12px; line-height: 16px; padding: 0 0 35px; } } /*=== Breakcrumb End ===*/ /*=== Table Start ===*/ table { width: 100%; } td { border-bottom: 1px solid #e6e7e8; } td:first-child a { font-family: "UniversLTW02-67BoldCn","Calibri"; } th { background-color: #f7f7f7; border-bottom: 1px solid #e6e7e8; color: #808080; font-weight: normal; text-align: left; text-transform: uppercase; vertical-align: bottom; } .data { text-align: right; } th.sortable { cursor: pointer; } th.sortable a { background: url(../images/spdr_sprites_au.png) no-repeat right -1797px; color: #000; display: inline-block; padding-right: 10px; } th.sortable.ascend a { background-position: right -1895px; } th.sortable.descend a { background-position: right -1995px; } table .summary_txt { display: block; } table .type { color: #a4a4a4; font-size: 12px; margin: 0 5px; text-transform: uppercase; } .jngwng{ position:fixed; top:0; z-index:1; } /*.table-headers th { border: 0 none; padding: 8px 6px; }*/ .table-headers th a { display: inline-block; font-family: "UniversLTW02-57Condense", "Calibri"; margin: 0 10px 0 0; text-transform: none; } .table-headers th a.inactive { color: #a4a4a4; cursor: default; } .table-lists th { color: #333; font-family: "UniversLTW02-67BoldCn","Calibri"; } #viewall .table-lists th, #literature .table-lists th, #participants .table-lists th{ font-family: "UniversLTW02-57Condense", Calibri; } .table-lists td { vertical-align: top; } @media (max-width: 767px) { th, td { padding: 10px 10px; } } @media (min-width: 768px) { th, td { padding: 10px 12px; } } /*=== Table End ===*/ /*=== Tooltip Start ===*/ .definition { display: inline-block; position: relative; } .definition a { background: url(../images/spdr_sprites_au.png) no-repeat 0 -1300px; display: inline-block; height: 14px; margin-bottom: 4px; margin-left: 4px; padding: 0; position: relative; width: 14px; cursor:pointer; } .definition a:hover, .definition a.active { background-position: 0 -1400px; } td .definition a { margin: 0; } .definition p { margin-bottom: 10px; } .definition .contents { background-color: #333333; color: #ffffff; display: none; font-family: "UniversLTW02-57Condense","Calibri"; font-size: 15px; font-weight: normal; line-height: 1.14; padding: 10px; z-index: 2; } .definition .bottom { display: none; } @media (max-width: 480px) { #tooltip p strong { font-size: 18px; } } @media (min-width: 481px) { .definition .contents { background-color: #333333; color: #ffffff; display: none; font-family: "UniversLTW02-57Condense","Calibri"; font-size: 14px; font-weight: normal; left: 19px; line-height: 1.14; padding: 10px; position: absolute; top: 21px; width: 220px; } .definition .active { z-index: 11; } .definition .contents.active { display: block !important; } #tooltip.active { display: none; } } /*=== Tooltip End ===*/ /*=== Aside Start ===*/ aside ul { list-style: outside none; margin: 0 0 38px; padding: 0; } aside li { border-bottom: 1px solid #e6e7e8; padding: 7px 0 8px; } aside .mail, aside .title { display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; } aside .contacts { margin-top: 8px; } aside p span { display: block; margin: 3px 0; } /*=== Aside End ===*/ /*=== spotlight Start ===*/ .spotlight ul{ overflow: hidden; padding: 0; margin: 0; } .spotlight { overflow: hidden; position: relative; } .spotlight .content .img img { max-width: 100%; } .spotlight .content .call-to-action p { margin-bottom: 5px; } .spotlight h2 { border-bottom:none; color: #333; font: normal 50px/0.8em "Knockout 67 A","Knockout 67 B","Smart Sans W02 Light"; margin: 0 0 15px; padding: 0; text-transform: uppercase; } .spotlight .mobile_diss{ font-size: 14px; color: #ffffff; } .spotlight .content .call-to-action a { display: block; margin-bottom: 5px; font-weight: bold; } .spotlight .content ul li{ list-style:none; } @media (max-width: 499px) { #spotlight-holder { min-height: 350px; margin: -10px -10px 0; } .spotlight { text-align: center; } .spotlight .mobile_diss{ display: none; } .spotlight .content .headline { height: 80px; overflow: hidden; padding: 0 15px; } .spotlight h2 { height: 74px; vertical-align: middle; display: table-cell; font-size: 40px; line-height: 35px; width: 500px; } .spotlight .content .call-to-action p { display: none; } .spotlight .content .call-to-action { margin-top: 13px; margin-bottom: 15px; } .spotlight .content .call-to-action a { overflow: hidden; } .spotlight .content .img-pc { display: none; } .spotlight .indicators { clear: both; } .spotlight .indicators span { background: #C1DABC; border: 1px solid #C1DABC; width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; display: inline-block; cursor: pointer; } .spotlight .indicators span.active { background:#7aaa6c; border: 1px solid #7aaa6c; } .spotlight .indicators span label { display:none; } } @media (max-width: 767px) { .spotlight .content .call-to-action .link-a { display: none !important; } .spotlight .content ul li { background-color: #fff; position: relative; left: 0; top: 0; float: left; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .spotlight .content { height: 100%; width: 100%; z-index: 0; } } @media (min-width: 500px) and (max-width: 767px) { #spotlight-holder, .spotlight, .spotlight .content ul li .spotlight-content { height: 312px; } .spotlight { border: 1px solid #E6E7E8; } .spotlight h2 { font-size: 40px; } .spotlight .content .img { position: absolute; right: 0; top: 0; width: 100%; } .spotlight .content .img-mobile { display: none; } .spotlight .content .headline, .spotlight .content .call-to-action { width: 66.66666667%; float: left; } .spotlight .content .call-to-action p + a { margin-top: 15px; } .spotlight .indicators { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 2; } .spotlight .indicators span { background: #C1DABC; border: 1px solid #C1DABC; width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; display: inline-block; cursor: pointer; } .spotlight .indicators span.active { background:#7aaa6c; border: 1px solid #7aaa6c; } .spotlight .indicators span label { display:none; } } @media (max-width: 930px) and (min-width: 768px){ .spotlight h2 { font-size: 40px; } } @media (min-width: 768px) { .spotlight { border: 1px solid #E6E7E8; } #spotlight-holder, .spotlight, .spotlight .content ul li .spotlight-content { height: 312px; } .spotlight .content ul li { position: relative; list-style:none; } .spotlight .content .img { position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .spotlight .content .img img { height: 100%; } .spotlight .content .img-mobile { display: none; } .spotlight .content .call-to-action p + a { margin-top: 15px; } .spotlight .indicators { position: absolute; bottom: 0; right: 20px; } .spotlight .indicators span { background-color: #7aaa6c; color: #ffffff; cursor: pointer; float: left; font-size: 15px; height: 25px; margin: 0 0 0 1px; padding-top: 3px; text-align: center; width: 28px; } .spotlight .indicators .active { background-color: #c1dabc; cursor: default } .spotlight .indicators span label { cursor: pointer; } .spotlight .indicators .active label { cursor: default } } @media (min-width: 500px) and (max-width: 1023px) { .spotlight .content .spotlight-content { padding: 30px 15px; } } @media (min-width: 1024px) { .spotlight .content .spotlight-content { padding: 30px; } } @media (max-width: 499px){ .img-pc{ display:none; } .img-mobile{ display:block; max-width:100%; } } /*=== spotlight End ===*/ /*=== Accordian Start ===*/ .fold-ctrl { margin-bottom: 10px; } .fold-ctrl a { display: inline-block; margin: 0 10px 0 0; } .fold-ctrl a.inactive { color: #a4a4a4; cursor: default; } .category-toggler { background-color: #7aaa6c; color: #fff; display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; } .category-toggler:first-child { margin-top: 0; } .category-toggler:hover, .category-toggler:focus { color: #fff; } .category-toggler.active { margin-bottom: 0; } .category-toggler span { background: url(../images/spdr_sprites_au.png) no-repeat 0 -400px; float: right; height: 10px; width: 10px; } .category-toggler.active span { background-position: 0 -500px; } .table-lists div { display: none; } .table-lists div.active { display: block; } @media (max-width: 767px) { .category-toggler { height: 36px; line-height: 36px; margin-top: 6px; padding-left: 10px; } .category-toggler span { margin: 13px 10px 0; } .table-lists div { margin-bottom: -6px; } } @media (min-width: 768px) { .category-toggler { height: 30px; line-height: 30px; margin-top: 5px; padding-left: 12px; } .category-toggler span { margin: 10px 12px 0 10px; } .table-lists div { margin-bottom: -5px; } } /*=== Accordian End ===*/ /*=== Start ===*/ /*=== End ===*/ /*=== Start ===*/ /*=== End ===*/ /*=== Start ===*/ /*=== End ===*/ /*=== Start ===*/ /*=== End ===*/ /*=== Login Overlay Start ===*/ #cboxOverlay { background: none repeat scroll 0 0 #000; display: none; height: 200%; left: 0; filter: alpha(opacity=25); opacity: 0.25; position: fixed; top: 0; visibility: visible; width: 100%; z-index: 4; } #iframeHolder { display: none; position: absolute; width: 100%; z-index: 12; } #iframeSubHolder { display: none; } #iframeHolder .close { background-color: #ffffff; padding: 15px 15px 0; text-align: right; } #iframeHolder .close a { background: url(../images/spdr_sprites_au.png) no-repeat 0 -1200px; display: inline-block; padding: 12px; } #iframearea { display: none; } .loading { background: url(../images/ajax_loading.gif) no-repeat center center #fff; box-sizing: border-box; height: 320px; width: auto; padding: 0 50px 50px; } @media (max-width: 767px) { #iframeHolder { background-color: #fff; height: 100%; overflow: auto; padding-top: 40px; position: fixed; top: 0; } #iframeSubHolder { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #iframeHolder .close { position: absolute; top: 0; width: 100%; } } @media (min-width: 768px) { #iframeHolder { left: 50%; margin-left: -300px; width: 600px; top: 120px; } } /*=== Login Overlay End ===*/ /*=== Page contact us Start ===*/ #contact .col-left, #event-register .col-left { clear: left; float: left; margin: 0 5% 15px 0; width: 45%; } #contact .col-right, #event-register .col-right { float: left; margin: 0 15px 15px 0; width: 45%; } #contact .col-float, #event-register .col-float { clear: left; width: 95%; margin: 15px 15px 15px 0; } #contact .col-left label, #contact .col-right label, #contact .col-float label, #contact form .radios, #event-register .col-left label, #event-register .col-right label, #event-register .col-float label, #event-register form .radios { display: block; margin: 0 0 5px; font-size: 15px; line-height: 17px; text-transform: uppercase; } #event-register .col-float .form_disclaimer label { display: inline; text-transform: none; } #event-register .col-float .form_disclaimer.error label { color: #a23331; font-family: "UniversLTW02-67BoldCn","Calibri"; } #contact form input[type="text"], #contact form select, #contact form textarea, #event-register form input[type="text"], #event-register form select, #event-register form textarea { border: 1px solid #cdcdcd; width: 100%; color: #333333; font-family: "UniversLTW02-57Condense", "Calibri"; font-size: 15px; display: block; padding: 0 2px; } #contact form input[type="text"]:focus, #contact form select:focus, #contact form textarea:focus, #event-register form input[type="text"]:focus, #event-register form select:focus, #event-register form textarea:focus { outline-offset: 0px; outline: -webkit-focus-ring-color auto 0px; } #contact form input[type="radio"], #event-register form input[type="radio"] { margin: 3px 3px 10px 5px; } #captcha-image { border: 1px solid #cdcdcd; height: 50px; padding: 4px; width: 240px; cursor: pointer; margin-bottom: 10px; } #contact .required, #event-register .required { color: #a23331; } #contact p.required, #event-register p.required { margin-bottom: 30px; } #contact .reset_form { display: inline-block; font-family: "UniversLTW02-57Condense", "Calibri"; font-size: 15px; margin-right: 20px; margin-left: 20px; text-transform: uppercase; vertical-align: middle; } #firmDiv, #contactPanel, #errorMessagePane { display: none; } #contactPanel ul, #errorMessagePane ul { list-style-type: none; margin: 0; padding: 0; } #contactPanel ul li, #errorMessagePane ul li { background: url(../images/bg_bulletS_black.gif) no-repeat 0 7px; margin: 0 0 10px; padding: 0 0 0 12px; } #contact .captcha span{ display: inline-block; padding-bottom: 10px; } @media (max-width: 767px) { #contact form input[type="text"], #contact form select, #event-register form input[type="text"], #event-register form select { height: 40px; } #event-register .col-float { width: 100%; } #event-register .col-right { margin: 0 0 15px; width: 50%; } #contact .reset_form { margin-left:0px; } } @media (min-width: 768px) { #contact form input[type="text"], #contact form select, #event-register form input[type="text"], #event-register form select { height: 30px; } } @media (max-width: 360px) { #event-register .col-left, #event-register .col-right { width: 100%; } } @media (max-width: 499px) { #contact .col-left { width: 100%; } #contact .col-right { width: 100%; } #contact .col-float { width: 100%; } } /*=== Page contact us End ===*/ /*=== Page edu Start ===*/ #edu-promo { border: 1px solid #e6e7e8; height: 279px; overflow: hidden; position: relative; } #edu-promo img { position: absolute; right: 0; top: 0; } #edu-promo .content { left: 30px; position: absolute; top: 30px; width: 50%; } #edu-promo h2 { border: 0 none; font-family: "Knockout 67 A","Knockout 67 B","Smart Sans W02 Light"; font-size: 50px; font-weight: normal; line-height: 40px; margin: 0 0 20px; padding: 0; text-transform: uppercase; } /* #subscribe { border: 1px solid #e6e7e8; height: 279px; padding: 25px 20px 0; }*/ #subscribe .edu-sub { display: none; } #subscribe p { margin: 0; } #subscribe ul { list-style: none outside; margin: 3px 0 10px; padding: 0; } #subscribe li { background: url(../images/bg_bulletS_black.gif) no-repeat 0 8px; padding: 2px 0 0 12px; } #edu h2.sub-title { font-size: 25px; line-height: 30px; border: 0 none; } #edu .fold-ctrl { margin-left: 12px; } #edu .table-lists .title_edu { width: 50%; } #edu .table-lists .topic_edu { width: 20%; } #edu .table-lists .level_edu { width: 15%; } #edu .table-lists .relate_fund_edu { width: 15%; } @media (min-width: 768px) and (max-width: 799px) { /*#edu-promo, #subscribe { height: 320px; }*/ } /*=== Page edu End ===*/ /*=== Page faq Start ===*/ #faqs { margin-bottom: 40px; margin-top: -10px; } #faqs ul { list-style-type: none; margin: 0; padding: 0; } #faqs ul li { background: none; list-style: none outside none; margin-bottom: 0; padding: 8px 0; } #faqs section { margin: 0 0 10px; } #faqs .fold-ctrl { margin: 15px 0 0 12px; } #faqs .table-lists { margin: 7px 0 0 12px; } #faqs .table-lists a.toggler { font-family: "UniversLTW02-67BoldCn","Calibri"; background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat 0px -596px; display: block; padding: 0 0 0 18px; } #faqs .table-lists a.active { background-position: 0px -696px; } #faqs .table-lists li div { padding: 10px 0 0 15px; display: none; } #faqs .table-lists ul li div.active { display: block; } #faqs .table-lists ul li ul li.text{ background: url(../images/bg_bulletS_black.gif) no-repeat 0 7px; margin: 0 0 10px; padding: 0 0 0 12px; } #faqs h6 { font-family: "UniversLTW02-67BoldCn","Calibri"; font-weight: normal; margin: 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #E6E7E8 } @media (max-width: 767px) { #faqs h6 { font-size: 16px; } } @media (min-width: 768px) { #faqs h6 { font-size: 15px; } } /*=== Page faqEnd ===*/ /*=== Page fund detail Start ===*/ #ticker { color: #cdcdcd; font-family: "UniversLTW02-67BoldCn","Calibri"; text-transform: uppercase; } #detail .as-of { background-color: #f7f7f7; color: #808080; } #detail .as-of.stacked { padding-bottom: 0; } #detail section a { display: block; padding: 10px 12px; } #detail section p { margin-top: 10px; } #detail section em { font-style: normal; } #detail section ul { list-style: outside none; margin: 0; padding: 0; } #detail section li { border-bottom: 1px solid #e6e7e8; } #detail section li a { padding-left: 0px; } #detail h2 + table, #detail h2 + .as-of, #detail h2 + ul { margin-top: -10px; } #detail .definition a { display: inline-block; padding: 0; } #detail .objective ul { border-top: 1px solid #e6e7e8; } #detail td:first-child { font-family: "UniversLTW02-67BoldCn","Calibri"; } #detail .sub-tr { color: #808080; } #detail .fund-info .data { text-align: left; width: 50%; } #detail .fund-perf-h .super-th th { border-bottom-width: 0; } #detail .fund-perf-h .sub-th th { background-color: transparent; } #detail .tabs { margin-bottom: 20px; } #detail .fund-perf-h thead th, #detail .fund-perf-h td { padding-left: 0; text-align: center; } #detail .fund-perf-h td:first-child, #detail .fund-perf-h .date { text-align: left; } #detail .fund-perf-h .label { padding-left: 10px; width: 15%; } #detail .sub-tr .label{ font-family: 'UniversLTW02-57Condense', Calibri; padding-left: 20px; white-space: nowrap; } #detail .fund-perf-h .incep-date { width: 10%; } #detail .graph-label { color: #808080; margin: 0 0 15px; } #detail .graph-label p { margin: 0; } #detail .holdings-toggle { background-color: #7aaa6c; color: #fff; display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; padding: 0 0 0 12px; } #detail .holdings-toggle span { background: url(../images/spdr_sprites_au.png) no-repeat 0 -400px; float: right; height: 10px; width: 10px; } #detail .holdings-toggle.active span { background-position: 0 -500px; } #detail .holdings-underlying { display: none; } #detail .holdings-underlying.active { display: block; } #detail .statistics { border-bottom: 1px solid #e6e7e8; } #detail .statistics td { border: 0 none; } #detail .statistics .sub-type th { background-color: transparent; border-bottom: 0 none; border-top: 1px solid #e6e7e8; } #detail #distribution h2{ border-bottom: none; } #detail .view-all-disclosure p { font-size: 14px; } #detail .distribution-doc { float: right; font-size: 15px; font-family: 'UniversLTW02-57Condense', Calibri; line-height: 18px; } #detail #distribution .as-of.stacked{ border-top: 2px solid #e6e7e8; } #detail .distribution-info p{ display:inline-block; } #detail .distribution-info table th, #detail .distribution-info table td{ width:12%; padding: 10px 7px; } @media (max-width: 767px) { #ticker { font-size: 32px; line-height: 40px; margin-bottom: 15px; } #detail .as-of { padding: 10px; } #detail .view-all-disclosure { padding: 8px 10px; cursor: pointer; } #detail .view-all-disclosure a.toggler { font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 16px; line-height: 18px; background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat 0px -596px; display: block; padding: 0 0 0 18px; } #detail .view-all-disclosure a.active { background-position: 0px -696px; } #detail .view-all-disclosure div.active { display: block; } #detail .view-all-disclosure div { display: none; } #detail .holdings-toggle { font-size: 16px; height: 36px; line-height: 36px; margin: 5px 0 6px; } #detail .holdings-toggle span { margin: 13px 12px 0; } #detail .distribution-doc { float: none; padding-left: 0px; } .perf-chart th.fix-col,.perf-chart td.fix-col{ min-width: 85px; } .perf-chart td, .perf-chart th{ min-width: 118px; } .perf-chart .scroll-area { margin-top: -10px; } .non-scroll-table { position: relative; z-index: 2; pointer-events: none; overflow: hidden; } .scroll-table { position: absolute; left: 0px; top: 0px; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } .scroll-table td.fix-col, .scroll-table th.fix-col { color: transparent; } .non-scroll-table .fix-col { /* border-right: 3px solid rgba(51, 51, 51, 0.15); */ visibility: visible; pointer-events: auto; } .non-scroll-table th, .non-scroll-table td { border-left-color: transparent; border-right-color: transparent; visibility: hidden; } .scroll-area td { background-color: #fff; } .scroll-area .table-content, .scroll-area { position: relative; } .scroll-area .operation-guide.active { display: block; } .scroll-area .operation-guide .guide-detail { background: url(../images/icon_swipe_indicator.png) no-repeat center 0; margin-top: 30px; padding: 70px 30px 0 30px; text-align: center; width: 100%; } .scroll-area .operation-guide { background-color: rgba(0,0,0,0.6); color: #fff; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11; } th.fix-col, td.fix-col { min-width: 100px; } } @media (min-width: 768px) { .scroll-table, .operation-guide { display: none; } #detail h1 { margin-right: 210px; } #ticker { font-size: 72px; line-height: 72px; position: absolute; right: 19px; top: 40px; } .chart-history, .chart-perf { width: 80%; } #detail .as-of { padding: 12px; } #detail .holdings-toggle { font-size: 15px; height: 30px; line-height: 30px; margin: 5px 0; } #detail .holdings-toggle span { margin: 10px 12px 0; } } /*=== Page fund detail End ===*/ /*=== Page fund view all Start ===*/ #controls-links { list-style: outside none; margin: 0; padding: 0; text-align: right; } #controls-links .link { display: inline-block; margin: 8px 10px 10px; } #controls-links .quicklinks.active { position: relative; z-index: 11; } #controls-links .btn-quicklinks { background: url(../images/spdr_sprites_au.png) no-repeat right -1695px #fff; padding-right: 10px; position: relative; } #controls-links .active .btn-quicklinks { background: url(../images/spdr_sprites_au.png) no-repeat right -2396px; color: #000; z-index: 12; } #controls-links .list-quicklinks:before { background-color: #fff; border-color: #e6e7e8; border-style: solid; border-width: 1px 1px 0; content: ""; height: 33px; position: absolute; right: -1px; top: -33px; width: 94px; } #controls-links .list-quicklinks { background-color: #fff; border: 1px solid #e6e7e8; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); display: none; list-style: outside none; padding: 6px 20px; position: absolute; right: -10px; text-align: left; top: 20px; width: 278px; } #controls-links .active .list-quicklinks { display: block; } #controls-links .list-quicklinks li { padding: 7px 0; } #viewall .tab-content { margin-bottom: 10px; } #viewall .table-headers caption { background-color: #f7f7f7; color: #808080; padding: 8px; text-align: center; text-transform: uppercase; } #viewall .super-th th { border: 0 none; padding: 4px 0 0; text-align: center; } #viewall tr.fund:hover { background-color: #ecf4eb; cursor: pointer; } #viewall tr.index td { color: #808080; } #viewall .f_name { padding-right: 5px; width: 25%; } #viewall .f_mer { border-left: 1px solid #e6e7e8; border-right: 1px solid #e6e7e8; padding-left: 0; padding-right: 10px; text-align: right; width: 6%; } #viewall .f_fum { padding-left: 0; padding-right: 10px; text-align: right; width: 8%; } #viewall .f_ticker { padding-left: 5px; padding-right: 5px; width: 6%; } #viewall .f_perf { border-left: 1px solid #e6e7e8; padding-left: 10px; padding-right: 0; width: 9%; } #viewall .f_1YR, #viewall .f_1MTH { border-left: 1px solid #e6e7e8; } #viewall .f_1MTH, #viewall .f_3MTH { padding-left: 2px; padding-right: 2px; text-align: center; width: 6%; } #viewall .f_YTD, #viewall .f_1YR, #viewall .f_3YR, #viewall .f_5YR { padding-left: 2px; padding-right: 2px; text-align: center; width: 5%; } #viewall .f_incep { border-right: 1px solid #e6e7e8; padding-left: 10px; padding-right: 0; width: 5%; } #viewall .f_incepdate { padding-left: 0; text-align: right; width: 9%; } #viewall .f_offer { border-left: 1px solid #e6e7e8; text-align: right; width: 90px; } #viewall .view-all-disclosure p { font-size:14px; } @media (max-width: 1079px) { #viewall .f_name { width: 21%; } #viewall .f_perf { padding-left: 5px; width: 10%; } #viewall .f_fum { padding-right: 5px; width: 9%; } #viewall .f_mer { padding-right: 5px; } #viewall .f_incep { padding-left: 5px; } } @media (max-width: 1029px) { #viewall .f_incep, #viewall .f_1YR, #viewall .f_3YR, #viewall .f_5YR, #viewall .annualized { display: none; } #viewall .f_name { width: 25%; } #viewall .f_ticker { width: 8%; } #viewall .f_mer { width: 7%; } #viewall .f_fum { width: 11%; } #viewall .f_perf { width: 12%; } #viewall .f_1MTH, #viewall .f_3MTH, #viewall .f_YTD { width: 8%; } #viewall .f_incepdate { border-left: 1px solid #e6e7e8; padding-left: 5px; text-align: left; width: 13%; } } @media (max-width: 767px) { #viewall .view-all-disclosure { padding: 8px 0; cursor: pointer; } #viewall .view-all-disclosure a.toggler { font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 16px; line-height: 18px; background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat 0px -596px; display: block; padding: 0 0 10px 18px; } #viewall .view-all-disclosure a.active { background-position: 0px -696px; } #viewall .view-all-disclosure div.active { display: block; } #viewall .view-all-disclosure div { display: none; } #viewall .f_1MTH, #viewall .f_3MTH, #viewall .f_YTD, #viewall .comulative, #viewall .tab-select { display: none; } #viewall .f_name { padding-left: 10px; width: 35%; } #viewall .f_ticker { width: 10%; } #viewall .f_mer { width: 10%; } #viewall .f_fum { width: 15%; } #viewall .f_perf { width: 15%; } #viewall .f_incepdate { padding-right: 10px; width: 15%; } } @media (max-width: 619px) { #viewall .f_perf { display: none; } #viewall .f_name { width: 35%; } #viewall .f_ticker { width: 14%; } #viewall .f_fum { width: 17%; } #viewall .f_incepdate { width: 19%; } } @media (max-width: 529px) { #viewall .f_fum { display: none; } #viewall .f_name { width: 50%; } #viewall .f_ticker { width: 15%; } #viewall .f_mer { width: 15%; } #viewall .f_incepdate { width: 20%; } } @media (max-width: 479px) { #viewall .f_mer, #viewall .f_fum, #viewall .f_incepdate, #viewall tr.index, #controls-links .quicklinks, #viewall caption, #viewall .table-headers th.f_ticker { display: none; } #viewall .f_name { width: 80%; } #viewall .f_ticker { width: 20%; } #viewall td.f_name a { font-family: "UniversLTW02-57Condense",Calibri; } } /*=== Page fund view all End ===*/ /*=== Page highlight detail Start ===*/ #pdf-detail .pdf-detail ul { padding-left: 17px; *padding-left: 0; *margin-left: 17px; } #pdf-detail .pdf-detail ul li{ margin-bottom: 20px; } #pdf-detail .pdf-detail .operate { margin-bottom: 15px; } #pdf-detail .pdf-detail .operate a { background: url(../images/spdr_sprites_au.png?v=201511) no-repeat 0px -2499px; padding: 0 0 0 20px; } /*=== Page highlight detail End ===*/ /*=== Page how to trade Start ===*/ #trade .select-fund { margin: 15px 0; } #trade .select-fund label { display: inline-block; margin-bottom: 5px; margin-right: 10px; text-transform: uppercase; } #fund-list { border: 1px solid #cdcdcd; font-family: "UniversLTW02-57Condense",Calibri; font-size: 15px; margin-bottom: 5px; max-width: 100%; } #trade #mkt-maker tr, #trade #authorized tr { display: none; } #trade #mkt-maker tr.active, #trade #authorized tr.active { display: table-row; } #trade .contact-list { border-top: 1px solid #e6e7e8; } #trade .contact-list td { padding: 10px; } #trade .contact-list td p { margin-bottom: 0; } #trade td.title { text-transform: uppercase; } #trade td.name { border-left: 1px solid #e6e7e8; } #trade td.name a { font-family: "UniversLTW02-57Condense",Calibri; } @media (min-width: 970px;) { #trade td.title { width: 35%; } #trade td.name { width: 20%; } #trade td.email { width: 25%; } #trade td.phone { width: 20%; } } @media (min-width: 768px) and (max-width: 969px) { #trade td.title { width: 25%; } #trade td.name { width: 22%; } #trade td.email { width: 30%; } #trade td.phone { padding-right: 0; width: 23%; } } @media (max-width: 767px) { #fund-list { font-size: 16px; } #trade h3 { margin-bottom: 15px; } #trade .tab-pane { display: block; margin-bottom: 20px; } #trade .contact-list { border: 0 none; } #trade .contact-list tr { clear: both; display: block; float: left; width: 100%; } #trade .contact-list td { border: 0 none; clear: both; display: block; float: left; width: 100%; } #trade td { background-color: #f7f7f7; } #trade td.title { padding: 25px 10px 10px; position: relative; } /*#trade td.title:after { content: ''; display: block; position: absolute; left: 0; top: 0px; width: 0; height: 0; border-top: 15px solid #7aaa6c; border-right: 15px solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid transparent; z-index: 10; }*/ #trade td.name a { font-family: "UniversLTW02-67BoldCn","Calibri"; } #trade td.email { padding: 0 10px; } #trade td.phone { margin-bottom: 10px; padding-bottom: 25px; } #trade .spanned td.phone { margin-bottom: 0; padding-bottom: 10px; } } /*=== Page how to trade End ===*/ /*=== Page home Start ===*/ @media (max-width: 1023px) { /* ==== add tiker start ====*/ .menu-level-3 a { border: 0 none; color: #7aaa6c; padding: 10px 32px 10px 55px; overflow: hidden; } .menu-level-3 li a span { float: left; max-width: calc(100% - 58px); font-size: 15px; } .menu-level-3 li a span:first-child { min-width: 50px; margin-right: 8px; } /* ==== add tiker start ====*/ } #home h1, #home h2 { font-size: 24px; font-family: "FoundersGrotesk"; font-weight: 600; } #home section { margin-bottom: 40px; } #home .as-of-date { background-color: #f7f7f7; color: #808080; display: block; font-weight: normal; text-align: left; text-transform: none; } #home #featured-table tr th:last-child, #home #featured-table tr td:last-child { text-align: right; } #home #featured-table tbody tr:hover { background-color: #ecf4eb; cursor: pointer; } #home #featured-table .fund_name span { color: #808080; } #home #featured-table .fund_name{ width:60%; } #home .etf-ed-link { margin-top: 25px } #practice .etf-ed-link { margin-bottom: 15px; } #home .highlights { max-width: 650px; } #home .popular-downloads h2, #home .highlights h2{ border: 0 none; margin: 0 0 20px 0; padding: 0; } #home .popular-downloads h2 { margin-bottom: 10px; } #home .highlights .highlight-title { font-family: "UniversLTW02-67BoldCn", "Calibri"; } #home .highlights .highlight-by { display: block; color: #808080; margin: 5px 0; } #home .highlights p { margin-top: 5px; } #home .popular-downloads table td a{ font-family: 'UniversLTW02-57Condense', Calibri; padding: 10px 0px; } #home .link-table ul { list-style: outside none; margin: 0; padding: 0; } #home .link-table ul li a{ border-bottom: 1px solid #e6e7e8; display: block; padding: 10px 12px 10px 0; } #home .ma-b10 { margin-bottom:10px; } #home #styled_links li:first-child { border-top: 1px solid #e6e7e8; } #home #styled_links li { list-style: none; padding-top: 10px; border-bottom: 1px solid #e6e7e8; } #styled_links ul{ padding:0px; margin:0px; } #home #styled_links #etf_ed .boldblack{ display: inline; color: black; font-family: "UniversLTW02-67BoldCn", "Calibri"; } #home #styled_links img { float: left; display: none; } #home #styled_links li a { display: block; line-height: 24px; font-weight: bold; font-size: 14px; /* text-indent: 10px; */ padding-bottom: 12px; cursor: pointer; } #home #styled_links li a span { color: #a4a4a4; font-weight: normal; margin: -1px 0px 0px 0px; display: block; line-height: 16px; font-size: 14px; text-transform: none; } #home .view-all { font-family: "UniversLTW02-67BoldCn","Calibri"; position: absolute; right: 15px; top: 8px; font-size: 16px; } #home h1.sprd-etf { margin-top: 0px; } #home .spotlight h2 { border-bottom:none; font-family: "FoundersGrotesk"; font-weight: 600; font-size: 36px; line-height: 34px; letter-spacing: 0; text-transform: none; } @media (max-width: 767px) { #home .as-of-date { padding: 5px 10px; } #home .highlights h2, #home .popular-downloads h2 { margin-top: 15px; } #home .popular-downloads h2.collapse { border-top: 1px solid #e6e7e8; line-height: 50px; margin-bottom: 0; } #home .popular-downloads h2.collapse:after { background: url(../images/spdr_sprites_au.png) no-repeat right -2997px; content: ""; height: 30px; position: absolute; right: 30px; top: 30px; width: 30px; } #home .popular-downloads h2.collapse.active:after { background: url(../images/spdr_sprites_au.png) no-repeat right -3097px; } #home .popular-downloads h2.collapse img { width: 30px; float: right; position: relative; top: 10px; } #home .popular-downloads .link-table { /*display: none;*/ } #home .highlights .highlight-by { font-size: 15px; line-height: 18px; } #home .spotlight .indicators span { background: #fff; border: 1px solid #213f30; } #home .spotlight .indicators span.active { background:#213f30; border: 1px solid #213f30; } } @media (min-width: 768px) { #home .as-of-date { padding: 5px 12px; } #home .highlights .highlight-by { font-size: 14px; line-height: 17px; } #home .spotlight { overflow: visible; } #home #spotlight-holder { margin-bottom: 30px; } #home .spotlight .content ul li { overflow: hidden; height: 310px; } #home .spotlight .indicators { position: absolute; bottom: -30px; right: 0; } #home .spotlight .indicators span { background: #fff; border: 1px solid #213f30; width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; display: inline-block; cursor: pointer; } #home .spotlight .indicators span.active { background:#213f30; border: 1px solid #213f30; } #home .spotlight .indicators span label { display: none; } } @media (min-width: 768px) and (max-width: 960px){ #home th, #home td { padding: 10px 4px; } #home .tabs a{ padding: 10px 4px; margin: 0 2px; font-size:14px; } } @media (min-width: 768px) and (max-width: 1100px){ #home #featured-table .fund_ein { display:none; } } @media (max-width: 335px){ #home #featured-table .fund_ein { display:none; } } @media (min-width: 768px) and (max-width: 930px) { #home .spotlight h2 { font-size: 26px; line-height: 28px; } } @media (max-width: 499px) { #home .spotlight h2 { font-size: 30px; line-height: 32px; } } /*=== Page home End ===*/ /*=== Page literature Start ===*/ .customer_checkbox:hover{ cursor:pointer; border-color: #649455; } .customer_checkbox{ width: 16px; height: 16px; border: 1px solid #AAA; display: block; text-align: center; margin: auto; position: relative; border-radius: 2px; box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); } .customer_checkbox.active:before { margin-left: 4px; content: ''; display: block; width: 6px; height: 10px; border: solid #649455; border-width: 0 2px 2px 0; transform: rotate(40deg); position: absolute; top: 1px; } .table-headers a.customer_checkbox { display: block; margin: auto; margin-top: 5px; } #literature .table-headers .f_ticker{ padding: 28px 0; } #literature h1{ display:inline-block; } #literature .jngwng>div{ padding-top: 10px; } #literature .jngwng h1{ font-size:25px; margin-bottom: 10px; } #literature .fixable>div{ background:#FFFFFF; } #literature #download_selected.inactive{ background: url(../images/spdr_sprites_au.png) no-repeat -185px -2499px; color:#a4a4a4; pointer-events: none; } #literature #download_selected{ float:right; background: url(../images/spdr_sprites_au.png) no-repeat 0px -2499px; padding-left: 20px; margin-top: 13px; } #literature .table-headers { border-top: 1px solid #e6e7e8; } #literature th, #literature td { text-align: center; width: 15%; } #literature .f_name { text-align: left; width: 32%; } #literature .f_ticker { text-align: left; width: 8%; padding: 10px 0px; text-align: center; } /*=== Page literature End ===*/ /*=== Page market announcement Start ===*/ #announcement { margin-bottom: 40px; } #announcement table .date { width: 20%; } #announcement table thead tr th a { /*background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat right -1797px;*/ color: #333333; display: inline-block; font-family: "UniversLTW02-67BoldCn","Calibri"; padding-right: 10px; } #announcement table tbody tr td { font-family: 'UniversLTW02-57Condense', Calibri; } #announcement table tbody tr td a{ font-family: "UniversLTW02-67BoldCn"; } #announcement table tbody tr td a span{ color: #a4a4a4; font-family: "UniversLTW02-57Condense"; font-size: 12px; font-weight: normal; margin: 0 5px; text-transform: uppercase; } #announcement .pager a{ cursor: pointer; padding-left: 4px; padding-right: 4px; text-align: center; width: 20px; } #announcement .pager a.selected { font-family: "UniversLTW02-67BoldCn","Calibri"; } @media (min-width: 768px) and (max-width: 820px) { #announcement .tabs a { margin: 0 3px; padding: 10px 4px 0; } } /*=== Page market announcement End ===*/ /*=== Page participants Start ===*/ #participants .table-headers th { background-color: #fff; color: #333; font-family: "UniversLTW02-67BoldCn","Calibri"; } #participants .has-status td { border-bottom-width: 0; } #participants a.toggler { font-family: "UniversLTW02-57Condense",Calibri; background: url(../images/spdr_sprites_au.png) no-repeat 0px -597px; display: inline-block; padding: 0 0 0 20px; } #participants a.toggler.active { background-position: 0px -697px; } #participants .status .asofdate { color: #808080; padding-bottom: 2px; padding-top: 10px; } #participants .status .label { display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; } #participants .disclaimer { color: #808080; } #participants .footnote { margin-top: 15px; } @media (max-width: 479px) { #participants td { min-height: 50px; } } @media (max-width: 767px) { #participants th { border: 0 none; display: none; } #participants th.name { display: block; } #participants td { background-color: #f7f7f7; border: 0 none; clear: both; display: block; float: left; padding-left: 40%; position: relative; width: 100%; } #participants td.name { margin-top: 10px; padding-top: 30px; } #participants .table-lists th.name { background: none; font-family: "UniversLTW02-67BoldCn","Calibri"; padding-bottom: 0; } /*#participants td.name:after { content: ''; display: block; position: absolute; left: 0; top: 0px; width: 0; height: 0; border-top: 15px solid #7aaa6c; border-right: 15px solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid transparent; z-index: 10; }*/ #participants td:last-child { padding-bottom: 30px; } #participants .table-lists table { margin-bottom: 16px; } #participants td:before { color: #808080; left: 12px; position: absolute; text-transform: uppercase; width: 35%; } #participants td.name:before { content: "Fund Name"; } #participants td:nth-child(2):before { content: "CREATION BASKET"; } #participants td:nth-child(3):before { content: "REDEMPTION BASKET"; } #participants td:nth-child(4):before { content: "PRICING INFORMATION"; } #participants .status table { width: 100%; } #participants .status > td { padding-left: 10px; padding-top: 10px; } #participants .status table td { padding: 10px 0; } #participants .status table td:last-child { border-bottom: 1px solid #e6e7e8; padding-bottom: 20px; } #participants .status td:before { content: none; } #participants .status table td.asofdate { border: 0 none; padding-bottom: 0; padding-top: 15px; } #participants .table-lists { margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 969px) { #participants td, #participants th { width: 20%; } #participants .name { width: 40%; } #participants td .not-available { padding-left: 30px; } #participants .status table { width: 90%; } #participants .status table td { border-bottom-width: 0; width: 70%; } #participants .status table td:first-child { padding-left: 0; width: 30%; } #participants .status div { padding-left: 20px; } #participants .disclaimer { margin-top: 15px; } } @media (min-width: 970px) { #participants td, #participants th { width: 17%; } #participants .name { width: 49%; } #participants td .not-available { padding-left: 30px; } #participants .status table { width: 60%; } #participants .status table td { border-bottom-width: 0; width: 70%; } #participants .status table td:first-child { padding-left: 0; width: 30%; } #participants .status div { padding-left: 20px; } #participants .disclaimer { margin-top: 15px; } } /*=== Page participants End ===*/ /*=== Page search Start ===*/ #search-result .viewing, #search-result .page { float: right; margin: 0 5px; padding: 8px 0; } #search-result .page a, #search-result .page span { margin: 0 4px; } #search-result .relevance { border-top: 1px solid #E6E7E8; clear: both; font-weight: normal; padding: 8px 0 12px; text-transform: uppercase; } #search-result table th { border-bottom: 1px solid #E6E7E8; background: none; color: #333; font-family: "UniversLTW02-67BoldCn","Calibri"; font-weight: normal; padding: 5px 0 8px; text-align: left; text-transform: uppercase; vertical-align: bottom; } #search-result table td { border-bottom: 1px solid #E6E7E8; padding: 5px; padding-right: 20px; padding-left: 0; vertical-align: top; } #search-result table td.p_title a { display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; } /*=== Page search End ===*/ /*=== Page theme all Start ===*/ #theme .theme-intro { max-width: 620px; } #theme .theme { margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } #theme .theme img { max-width: 100%; } #theme .theme h1, #theme .theme h2 { border: 0 none; font-family: "Knockout 67 A", "Knockout 67 B", "Smart Sans W02 Light"; font-size: 50px; line-height: 40px; padding: 0; text-transform: uppercase; } #theme table .date { width: 15%; } #theme table .title { width: 85%; } #theme table .f_name { width:50%; } #theme table .f_ticker { width: 15%; } #theme table .f_xratio { width: 15%; } #theme table .f_shortcuts { width: 20%; } #theme table .title a { font-family: "UniversLTW02-67BoldCn","Calibri"; } #theme table .date-xs { display: none; } @media (max-width: 767px) { #theme .theme-intro { margin-bottom: 25px; } #theme .theme img { float: right; display: none; } #theme .theme .img-mobile { display: block; } #theme .theme .content { clear: both; padding: 20px 5px 15px; } #theme .theme h1, #theme .theme h2 { margin: 0 0 10px; } #theme .theme .btn { margin-top: 5px; } #theme thead, #theme table .date { display: none; } #theme table tr { clear: both; display: block; float: left; width: 100%; } #theme table .title { clear: both; display: block; float: left; padding: 30px 10px; position: relative; width: 100%; } /*#theme table .f_name:after, #theme table .title:after { content: ''; display: block; position: absolute; left: 0; top: 0px; width: 0; height: 0; border-top: 15px solid #7aaa6c; border-right: 15px solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid transparent; z-index: 10; }*/ #theme td { background-color: #f7f7f7; border: 0 none; } #theme table .date-xs { color: #808080; display: block; margin: 10px 0; } #theme #pane-etfs td { clear: both; display: block; float: left; padding-left: 40%; position: relative; width: 100%; } #theme table .f_name { border-bottom-width: 0; padding: 30px 10px 10px; } #theme table .f_ticker, #theme table .f_xratio { border-bottom-width: 0; padding: 10px; } #theme table .f_fs { padding: 10px 10px 35px; } #theme table .f_name:before, #theme table .f_ticker:before, #theme table .f_xratio:before, #theme table .f_fs:before { color: #808080; left: 10px; position: absolute; text-transform: uppercase; width: 30%; } #theme table .f_name:before { content: "Name"; } #theme table .f_ticker:before { content: "Ticker"; } #theme table .f_xratio:before { content: "Mer"; } #theme table .f_fs:before { content: "Documents Shortcuts"; } #theme table td:last-child { margin-bottom: 10px; } } @media (min-width: 768px) { #theme .theme .content { left: 30px; max-width: 590px; position: absolute; top: 30px; width: 50%; } #theme .theme img { float: right; } #theme .theme h1, #theme .theme h2 { margin: 0 0 20px; } #theme .theme .img-mobile { display: none; } #theme .theme .btn { background-color: #fff; } #theme .theme-beta, #theme .theme-beta-detail { background-color: #d7e6d3; } #theme .theme-gmo{ background-color:#73c7eb; } #theme .theme-currency, #theme .theme-currency-detail { background-color: #ddd; } #theme .theme-aus, #theme .theme-aus-detail { background-color: #b2b2b2; } #theme .theme-equities { background-color: #dae9d6; } #theme .theme-spy { background-color: #fff; } #theme .theme-gmo .content{ width: 50%; } #theme .theme-currency .content { width: 40%; } #theme .theme-currency-detail .content { width: 45%; } #theme .theme-aus .content { width: 45%; } #theme .theme-aus-detail .content { width: 44%; } #theme .theme-equities .content { width: 60%; } #theme .theme-spy .content { width: 60%; } } @media (min-width: 768px) and (max-width: 999px) { #theme .theme h1, #theme .theme h2 { margin: 0 0 10px; } #theme .theme-beta-detail .content { width: 65% } } @media (max-width: 1049px) and (min-width: 768px) { #theme .secondary { display: none; } } /*=== Page theme all End ===*/ /*=== Page Benefits & Uses of SPDR ETFs Start ===*/ #benefit-uses ul { list-style-type: none; margin: 0; padding: 0; } #benefit-uses ul li { background: none; list-style: none outside none; margin-bottom: 0; padding: 12px 0 3px } #benefit-uses ul li span { display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 16px; line-height: 18px; margin-bottom: 5px; } /*=== Page Benefits & Uses of SPDR ETFs End ===*/ /*=== Page About SSGA Start ===*/ #about-ssga { margin-bottom: 40px; } /*=== Page About SSGA End ===*/ /*=== Page Copyrights Start ===*/ #copyright { margin-bottom: 40px; } /*=== Page About SSGA End ===*/ /*=== Page Legal Start ===*/ #legal { margin-bottom: 40px; } /*=== Page About SSGA End ===*/ /*=== Page About SPDR/FAQ Start ===*/ #faq_promo, .top-promo { margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } #faq_promo { margin-top: -20px; } #faq_promo img, .top-promo img { width: 100%; } .top-promo h1 { font-family: "Knockout 67 A", "Knockout 67 B", "Smart Sans W02 Light"; font-size: 50px; line-height: 40px; text-transform: uppercase; } #faq_promo h1 { border: 0 none; font-family: "Knockout 67 A", "Knockout 67 B", "Smart Sans W02 Light"; font-size: 50px; line-height: 40px; padding: 0 0 30px; } .top-promo p, #faq_promo p { font-size: 15px; } #video_intro img{ right:0px; bottom: 0px; position:absolute; } #video_intro { padding: 25px 30px; border: 1px solid rgb(230, 231, 232); margin-bottom: 20px; position: relative; min-height: 205px; background-color: rgb(247, 247, 247); } #video_intro h2, #video_intro p{ width:70%; } #video_intro h2{ border-bottom:none; } #about-spdr .fold-ctrl { margin: 20px 0 15px; } #about-spdr .collapseLinks div a { background: url("../images/spdr_sprites_au.png") no-repeat 0px -596px; margin: 0px; padding: 0px 0px 10px 16px; font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 15px; display: block; } #about-spdr .collapseLinks a.active { background-position: 0px -696px; } #about-spdr .collapseLinks div { margin: 0px 0px 8px; padding: 0px 0px 0px 3px; border-bottom-color: rgb(230, 231, 232); border-bottom-width: 1px; border-bottom-style: solid; } #about-spdr .category-toggler{ padding: 15px 0px 15px 20px; font-size: 25px; height: auto; } #about-spdr .category-toggler span{ background-position: 0 -5600px; height: 21px; margin: 5px 20px 0; width: 21px; } #about-spdr .category-toggler.active span{ background-position: 0 -5692px; } #about-spdr .collapseContent { margin: 10px 0px 10px 3px; /*display: none;*/ } #about-spdr .collapseLinks div p { padding: 0px 0px 0px 15px; margin-bottom: 10px; display: none; } #about-spdr #video_intro .btn { background:#FFFFFF; } @media (max-width: 767px) { .top-promo .img-pc, #faq_promo .img-pc { display: none; } #video_intro .btn,#campaign .btn{ border: 2px solid #7aaa6c; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); color: #649455; display: inline-block; font-family: 'UniversLTW02-57Condense', 'Calibri'; font-size: 15px; height: 50px; line-height: 44px; padding: 0 17px; text-transform: uppercase; background-color:#FFFFFF; width:auto; text-align: none; margin-bottom: 0; } .top-promo .content, #faq_promo .content{ clear: both; padding: 20px 5px 15px; } #video_intro { padding: 15px 10px; } #about-spdr .category-toggler{ padding: 15px 0px 15px 10px; font-size: 21px; height: auto; } #about-spdr .category-toggler span { background-position: -3px -5602px; height: 15px; margin: 11px 10px 0; width: 15px; } #video_intro h2{ font-size:21px; } #video_intro h2, #video_intro p { width: 60%; } } @media (min-width: 768px) { .top-promo .img-mobile, #faq_promo .img-mobile{ display: none; } .top-promo .content{ left: 30px; max-width: 590px; position: absolute; top: 30px; width: 51%; } #faq_promo .content { left: 50px; max-width: 590px; position: absolute; top: 50px; width: 51%; } } @media (max-width:475px){ #video_intro img{ display:none; } #video_intro h2, #video_intro p{ width:100%; } } @media (max-width:400px){ #video_intro img{ display: none; } #video_intro h2, #video_intro p{ width:100%; } } @media (min-width: 768px) and (max-width: 969px) { .top-promo .third, #faq_promo .third{ display: none; } } @media (min-width: 768px) and (max-width: 900px) { .top-promo .third, #faq_promo .third{ display: none; } .top-promo .secondary, #faq_promo .secondary{ display: none; } } @media (min-width: 768px) and (max-width: 1049px) { } /*=== Page About SPDR End ===*/ /*=== Page Opportunity Start ===*/ #opportunity .opportunity { margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } #opportunity .opportunity img { width: 100%; } #opportunity .opportunity h2 { border: 0 none; font-family: "Knockout 67 A", "Knockout 67 B", "Smart Sans W02 Light"; font-size: 50px; line-height: 40px; padding: 0; text-transform: uppercase; } #opportunity .opportunity p { font-size: 15px; text-align:left; } #opportunity .item{ width:50%; float: right; text-align: center; padding-right:15px; padding-top:40px; } #opportunity .item h3 { padding-left: 20px; text-align:left; } @media (max-width: 767px) { #opportunity .opportunity img { float: right; display: none; } #opportunity .opportunity .img-mobile { display: block; } #opportunity .opportunity .content { clear: both; padding: 20px 5px 15px; } #opportunity .opportunity h2 { margin: 0 0 10px; } } @media (min-width: 768px) { #opportunity .opportunity .content { left: 30px; max-width: 590px; position: absolute; top: 30px; width: 50%; } #opportunity .opportunity img { float: right; } #opportunity .opportunity h2 { margin: 0 0 20px; } #opportunity .opportunity .img-mobile { display: none; } #opportunity .promo { background-color: #ddd; } } @media (min-width: 768px) and (max-width: 999px) { #opportunity .opportunity h2 { margin: 0 0 10px; } } /*=== Page Opportunity End ===*/ /*=== Event page Start ===*/ #auCampaignList, #auWebcastList { display: none; } #events tr:first-child td { border-top: 1px solid #e6e7e8; } #events td { border-bottom: 1px solid #e6e7e8; padding: 16px 8px 22px; text-align: left; vertical-align: top; } #events td.pic { width: 220px; } #events td.pic img { width: 220px; height: 120px; } #events td.content .title{ display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 18px; margin-bottom: 10px; } #events td.content .grey_date { color: #808080; display: block; margin-bottom: 3px; } #events td.content .summary_text { display: block; overflow: hidden; padding-top: 3px; text-overflow: ellipsis; } #events td.content .register_link { display: block; margin-top: 20px; } #events #register_button, #event-detail #register_button{ cursor: pointer; } #events #register_button.inactive, #event-detail #register_button.inactive { cursor: default; } #events td.content .location_table { margin-top: 30px; width: 70%; } #events td.content .location_table .location { background-color: #f7f7f7; width: 25%; } #events td.content .location_table .datetime { width: 43%; } #events td.content .location_table .register { text-align: right; width: 32%; } @media (max-width: 775px) { #events thead{ display: none; } #events #auCampaignList > tr, #events #auWebcastList > tr { clear: both; display: block; float: left; width: 100%; } #events td.content { clear: both; display: block; float: left; position: relative; width: 100%; } #events .pic { display: none; } #events .event{ border-bottom-width: 0; padding: 20px 10px 5px; width: 100%; } #events .register { padding-bottom: 15px; width: 100%; } #events td:last-child { margin-bottom: 10px; } } #event-detail #spotlight { margin-bottom: 15px; overflow: hidden; position: relative; width: 100%; } #event-detail #spotlight p{ font-size: 16px; text-transform: uppercase; margin: 0 0 5px 0; } #event-detail #spotlight p.category{ font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 18px; } #event-detail #spotlight h2{ border: 0 none; font-family: "Knockout 67 A","Knockout 67 B","Smart Sans W02 Light"; font-size: 65px; text-transform: uppercase; line-height: 55px; } #event-detail #description { word-wrap: break-word; } @media (min-width: 768px){ #event-detail #spotlight { background-color: #d7e6d3; } #event-detail #spotlight .img-mobile { display: none; } #event-detail #spotlight img { float: right; max-width: 100%; } #event-detail #spotlight .content { left: 30px; max-width: 590px; position: absolute; top: 30px; width: 70%; } #event_banner .btn{ background-color:#FFF; } } @media (max-width: 1150px) { #event-detail #spotlight .content { width: 70%; } #event-detail #spotlight h2 { font-size: 40px; line-height: 40px; } } @media (min-width:776px) and (max-width:980px) { #events td.content .location_table { width: auto; } } @media (max-width: 767px) { #event-detail #spotlight img { float: right; display: none; } #event-detail #spotlight .img-mobile { display: block; max-width: 100%; } #event-detail #spotlight .content { clear: both; padding: 20px 5px 15px; width: 100%; } #event-detail #spotlight h2 { margin: 0; } #events td.content .location_table { width: auto; } #event_banner p, #event_banner h2 { color: #000; } } #event_banner>div { padding-bottom: 18px; } #event-detail #speakers, #event-detail #agenda, #event-detail #event-register, #event-detail #register_external{ margin: 50px 0 0; clear: both; } #event-detail #speakers > h2 { margin-bottom: 0; } #speakers .speaker { float: left; height: 250px; margin: 15px 15px 15px 0; width: 135px; } #speakers .name { display: block; font-family: "UniversLTW02-67BoldCn","Calibri"; } #speakers .speaker > .name { margin-top: 12px; } #speakers .intro { display: block; margin-bottom: 12px; } #speakers div a { font-family: "UniversLTW02-67BoldCn","Calibri"; } .bio-content { position: fixed; top: 100px; } @media (max-width: 767px) { .bio-content { top: 0px; } } .bio-content h2 { margin-bottom: 25px; padding-bottom: 12px; font-size: 32px; line-height: 40px; } .bio-content .bio_photo { float: left; } .bio-content .bio_info { float: left; margin-left: 15px; width: 80%; } #agenda h2 { margin: 0; } #agenda table td { border-bottom: 1px solid #e6e7e8; padding: 15px; text-align: left; vertical-align: top; } #agenda table td.datetime { background-color: #f7f7f7; width: 30%; } #event-detail #map { /*border: 1px solid #e6e7e8;*/ height: 280px; margin: 0; overflow: hidden; width: 100%; } #event-detail #col-right > p { padding: 10px 2px 0; } #event-detail #col-right div { margin: 5px 0 20px; } #event-detail #col-right div#map { margin: 5px 0 0; } #event-detail .hot_link { height: auto; line-height: 20px; padding: 15px; } #event-detail .usefulLinks h4 { margin-bottom: 10px; } #event-detail .usefulLinks a { border-top: 1px solid #e6e7e8; display: block; font-size: 14px; line-height: 17px; padding: 7px 0; } #event-detail .usefulLinks a:last-child { border-bottom: 1px solid #e6e7e8; } #event-detail .col-xs-12, #event-detail .col-sm-9{ position: unset; } #event_thankyou_overlay #thankyouForm { margin-top: 20px; } /*=== Event page End ===*/ /*=== IBG Documents Start ===*/ .data-doc-placeholder { display:none !important; } /*=== IBG Documents End ===*/ /*=== Practice Management Start ===*/ #latest-thinking{ border: 1px solid #e6e7e8; min-height: 280px; line-height: 18px; margin: 0 0 5px; overflow: hidden; padding: 30px 60px 0; position: relative; } #latest-thinking ul { left: 0; list-style: outside none none; padding: 0; position: relative; } #latest-thinking li { display: none; float: left; margin: 0; list-style: outside none none; text-align: center; } #latest-thinking li a { display: block; font-size: 18px; line-height: 24px; margin: 15px auto 0; max-width: 250px; vertical-align: top; } .carousel_list { height: 100%; overflow: hidden; } .carousel_left { background: url("../images/spdr_sprites_au.png") no-repeat 0px -6100px; cursor: pointer; height: 40px; left: 10px; position: absolute; top: 105px; width: 17px; } .carousel_right { background: url("../images/spdr_sprites_au.png") no-repeat 0px -6000px; cursor: pointer; height: 40px; position: absolute; right: 10px; top: 105px; width: 17px; } .carousel_left.inactive, .carousel_right.inactive { display: none; } #practice #archive td.date { min-width: 96px; vertical-align: top; } #practice #archive td.article-name a { font-family: "UniversLTW02-67BoldCn","Calibri"; } #practice #archive td.article-name p { margin: 0; } /*=== Practice Management End ===*/ #nav_event_item { display: none; } /*=== Anniversary Start ===*/ #items_display h2{ border-bottom:none; } #items_display th{ background-color:#FFF; border:none; text-align: center; vertical-align: top; } #items_display th p{ margin-top: 5px; } #items_display li{ float: left; } #campaign .fold-ctrl { margin: 20px 0 15px; } #campaign .collapseLinks div a { background: url("../images/spdr_sprites_au.png") no-repeat 0px -596px; margin: 0px; padding: 0px 0px 10px 16px; font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 15px; display: block; } #campaign .collapseLinks a.active { background-position: 0px -696px; } #campaign .collapseLinks div { margin: 0px 0px 8px; padding: 0px 0px 0px 3px; border-bottom-color: rgb(230, 231, 232); border-bottom-width: 1px; border-bottom-style: solid; } #campaign .category-toggler{ padding: 15px 0px 15px 20px; font-size: 25px; height: auto; } #campaign .category-toggler span{ background-position: 0 -5600px; height: 21px; margin: 5px 20px 0; width: 21px; } #campaign .category-toggler.active span{ background-position: 0 -5692px; } #campaign .collapseContent { margin: 10px 0px 10px 3px; /*display: none;*/ } #campaign .collapseLinks div p { padding: 0px 0px 0px 15px; margin-bottom: 10px; } #campaign .collapseLinks .collapsearea{ border:none; } #campaign .source{ font-size:12px; } @media (max-width: 767px) { #campaign .category-toggler { padding: 15px 0px 15px 10px; font-size: 21px; height: auto; } #campaign .category-toggler span{ background-position: -3px -5602px; height: 15px; margin: 11px 10px 0; width: 15px; } } @media (max-width: 332px){ #campaign .category-toggler{ font-size:18px; } } /*=== Page Glossary Start ===*/ #glossary li { list-style-type: none; } #glossary { margin-bottom: 40px; } #glossary > div{ margin:15px 0 ; padding-left:10px; font-size: 18px; font-weight: bold; border-left: 5px solid #7aaa6c; } #glossary .alpha-letters { overflow: hidden; padding:0px; } #glossary .alpha-letters li { border: 2px solid #FFF; float:left; padding: 10px 30px; background-color: #f2f7f0; min-width: 60px; } #glossary .alpha-letters li:hover { background-color: #bfdaba; } #glossary .alpha-letters a { width:30px; text-align: center; margin: auto 0; display: block; } #glossary .alpha-letters li:last-child a { width: 124px; } #glossary dl { line-height: 1.5; padding: 0 0 15px; } #glossary dt { /* border-top: 1px solid #e6e7e8;*/ font-weight: bold; padding: 15px 0 0; } #glossary dd { margin: 0; } @media (min-width: 320px) and (max-width: 417px) { #glossary .alpha-letters li { width: 33.3%; } #glossary .alpha-letters li:last-child{ width:66.7%; } } /*=== Page Glossary End ===*/ /*Investing page started*/ #investing p{ max-width:650px; } #investing li{ list-style:none; } #investing ul{ padding:0px; } #investing .advertising{ overflow:hidden; margin-bottom: 20px; } #investing .advertising ul{ overflow: auto; margin-top: 0; margin-bottom: 0; } #investing .advertising li{ float: left; padding: 0 10px 10px; } #investing .advertising li img{ width:100%; } #investing .category { background-color: #7aaa6c; display: block; } #investing .category h1{ font-family: "UniversLTW02-67BoldCn","Calibri"; color: #fff; padding: 15px 0px 15px 20px; font-size: 25px; height: auto; } #investing .recommand_fund_list{ margin: 0 -2.5px 20px -2.5px; max-width: 800px; } #investing .recommand_fund{ font-size: 15px; line-height: 18px; padding: 2.5px; color: #649455; } #investing .recommand_fund p{ margin-bottom:0; } #investing .recommand_fund_list li:nth-child(2n+1){ clear:both; } #investing .recommand_fund div { background-color: #f2f7f0; padding: 20px; min-height: 100px; } #investing .recommand_fund a{ font-weight: bold; } #investing .recommand_fund span { display: block; padding-top: 6px; color: #649455; font-weight: normal; margin: 0; font-size: 15px; text-transform: none; } @media (max-width: 767px){ #investing .row{ margin:0px; } #investing .advertising li{ padding: 0 0 10px; } #investing .recommand_fund_list{ margin-bottom:20px; } #investing .category h1{ padding: 15px 0px 15px 10px; font-size: 21px; height: auto; line-height: 1.2; } .etf-ed-link.btn { border: 2px solid #7aaa6c; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); color: #649455; display: inline-block; font-family: 'UniversLTW02-57Condense', 'Calibri'; font-size: 15px; height: 50px; line-height: 44px; padding: 0 17px; text-transform: uppercase; background-color: #FFFFFF; width: auto; text-align: none; margin-bottom: 0; } #investing .category { margin-bottom:20px; } } /*Investing page end*/ /*hub page global started*/ .hub li { list-style: none; } #hub .title a{ display:block; } .type-share{ background-image:url("../images/icon_email.png"); display:inline-block; text-transform:uppercase; width:19px; height:13px; } .banner-left{ display: inline-block; } .banner-right{ display: inline-block; float: right; } #banner{ margin-bottom: 30px; } .hub .promo{ border: 1px solid #e6e7e8; min-height: 164px; padding-top: 15px; padding-left: 30px; } #hub-subscribe .btn{ background-color:#FFF; } @media (min-width: 768px) and (max-width: 1008px){ #hub .hub-subscribe{ min-height:199px; } .hub .promo{ min-height:199px; } } @media (max-width: 767px){ #hub-subscribe .btn { background-color: #7AAA6C; } .hub .promo{ margin-bottom:15px; } } .banner-right .title{ color:#649455; font-family: "UniversLTW02-67BoldCn","Calibri"; text-transform: uppercase; } #hub .hub-subscribe { background-color: #e6e7e8; padding: 15px 30px 15px 15px; } #hub-subscribe span{ background: url(../images/spdr_sprites_au.png) no-repeat 0 -800px; width: 15px; height: 12px; display: inline-block; margin-left: 7px; vertical-align: middle; } #hub #filter,#hub #hub-subscribe { padding:0px; } #filter input :: placeholder{ color:#999; } #filter input, #hub-subscribe input{ color: #333; height: 37px; font-family: 'UniversLTW02-57Condense', Calibri; font-size: 16px; font-weight: normal; line-height: 37px; padding: 0 0 0 10px; width: 100%; border: 1px solid #c3c3c3; } .filter h4, .hub-subscribe h4{ margin-bottom:10px; } #filter form, #hub-subscribe form{ position: relative; } #hub .search-icon { background: url(../images/icon_search.png) no-repeat right; width: 40px; border: none; height: 36px; position: absolute; top: 0px; right:0px; } .btn.subscribe-btn { height: 36px; line-height: 36px; margin-top: 10px; background-color: #7aaa6c; color: #FFF; } /*hub page global end*/ /*Aside fund focus*/ #hub .fund{ padding: 12px 0px; } /*Contribute authors started*/ /*Contribute authorsend*/ /*hub started*/ #hub h1{ line-height: 100px; font-size: 100px; display: inline-block; padding-right: 14px; font-family: "Knockout 67 A", "Knockout 67 B", "Smart Sans W02 Light"; margin-bottom:0px; } #hub .contact .btn{ width: 100%; text-align: center; } #hub .contact .btn:after{ background:none; } #hub #article_list{ overflow: auto; padding-left: 0; } .hub #article_list p{ line-height:1.5; } /*hub features Started*/ @media (max-width: 767px){ .hub #invest-pro a{ color:#FFF; } } @media (min-width: 320px) and (max-width: 401px){ .hub #invest-pro a{ font-size:12px; } } @media (min-width: 402px) and (max-width: 767px){ .hub #invest-pro a{ font-size:15px; } } .hub .category, #hub-overlay .category{ text-transform: uppercase; color: #999999; font-size: 15px; display: block; margin: 20px 0px 15px 0; font-family: "UniversLTW02-67BoldCn","Calibri"; } .article { margin-bottom: 30px; overflow: hidden; } .article img{ width:100%; } .link-title{ font-family: "UniversLTW02-67BoldCn","Calibri"; line-height:1.25; font-size: 21px; } .article p{ margin:10px 0; } @media (min-width: 768px){ .article:nth-child(3n+1){ clear:both; } } @media (min-width: 401px) and (max-width: 767px) { .article { padding-bottom: 20px; } .article:nth-child(2n+1){ clear:both; } } @media (max-width: 400px){ .article { margin-bottom: 20px; width: 100%; } } @media (max-width: 500px){ #hub .hub-subscribe p { margin: 0 0 5px; display: block; } #hub #hub-subscribe { padding: 0px; display: block; } } /*hub features END*/ /*hub overlay Started*/ #hub-overlay .overlay-title { font-size:25px; font-family: "UniversLTW02-67BoldCn","Calibri"; line-height: 1.5; display:inline-block; } #hub-overlay #quiz{ margin-top:20px; } #hub-overlay .send{ float:right; } #hub-overlay .article-content { margin: 15px 0; } #hub-overlay p{ line-height:1.5; max-width:650px; } #hub-overlay .article-footer{ font-size:12px; } #hub-overlay ul li { list-style-type: disc; } #hub-overlay li { list-style-position: outside; list-style-type: decimal; line-height:1.5; max-width:650px; } @media (min-width: 1024px){ #hub-overlay.overlay { left: 50%; margin-left: -400px; padding: 30px; position: absolute; top: 175px; width: 800px; } } .edu_note { background-color: #c2dbd8; position: relative; padding: 15px; } .edu_note h4{ font-size:15px; text-transform:none; margin-bottom:10px; } .edu_note ul{ padding:0px; margin:0 0 0 15px; } #hub-overlay .edu_note ul li{ list-style-type: disc; margin-bottom: 5px; } .edu_note p{ margin-bottom: 10px; line-height: 1.25; } .edu_note .logo{ width: 25%; display: block; float: right; margin-top: 30px; } .logo img { width: 90%; } .edu_note div{ display:inline-block; width: 70%; } .edu_note .etfed{ font-family: "UniversLTW02-67BoldCn","Calibri"; } @media (max-width: 480px){ .edu_note div{ width:100%; } .edu_note .logo{ margin: 7px 0; } } #quiz .dynamic h4{ text-transform:none; margin-bottom:15px; font-size:21px; } #quiz .dynamic{ max-width:650px; margin: 15px 0; } #quiz input{ position: absolute; top: 3px; } #quiz form p{ margin-left: 20px; margin-bottom: 0px; line-height: 1.2; } #quiz label{ cursor:pointer; display:block; margin-bottom:10px; text-transform:none; position: relative; } #quiz .question{ margin-bottom:25px; } #quiz .category{ margin-bottom: 10px; } #hub-overlay .bio-content{ position: static; float:right; width: 80%; padding-bottom: 10px; } #hub-overlay .bio-copy{ border-bottom:1px solid #c3c3c3; margin-bottom: 20px; padding-bottom: 15px; } #hub-overlay .bio-img{ width: 17%; height: 100%; } #hub-overlay .job-title{ color: #8e8d8d; } #hub-overlay .related-articles{ overflow: auto; } #hub-overlay .related-articles .send{ margin-top:10px; float:none; display:block; } #hub-overlay .related-articles div { display: inline-block; width: 45%; padding-right: 30px; } #hub-overlay .related-articles div img{ width:234px; } #hub-overlay .related-articles h4{ margin-bottom: 5px; } #subscribe.overlay{ padding: 30px 20px 35px; } #subscribe .topic{ margin-bottom: 35px; padding-left: 18px; } #subscribe .topic label { min-width: 150px; display: inline-block; margin-bottom: 5px; cursor: pointer; text-transform:none; } #subscribe h2{ font-family: "UniversLTW02-67BoldCn","Calibri"; font-size: 32px; font-weight: normal; line-height: 40px; margin: 0 0 8px; padding: 0; border-bottom:none; } #subscribe p { margin-bottom: 15px; max-width:650px; } .required { color: #a23331; } #subscribe input[type="text"], #subscribe input[type="email"], #subscribe select, #unsubscribe input[type="text"], #unsubscribe input[type="email"] { border: 1px solid #cdcdcd; color: #333; font-family: "UniversLTW02-57Condense","Calibri"; font-size: 15px; height: 30px; line-height: 30px; margin: 0 0 10px; padding: 0 2px; width: 263px; } #subscribe .fields label { width: 30%; display: inline-block; text-align: right; margin-right:5px; } #subscribe a.toggler { font-family: "UniversLTW02-67BoldCn","Calibri"; background: url(../images/spdr_sprites_au.png?v=20150515) no-repeat 0px -596px; display: block; padding: 0 0 8px 18px; margin-top: 15px; } #subscribe a.active { background-position: 0px -696px; } #subscribe span.instruction { display: block; color: #000; text-transform: none; margin-left: -15px; /* max-width: 650px; */ margin-top: 10px; } @media (min-width: 1024px){ #subscribe.overlay{ top: 75px; } } @media (min-width: 768px){ form input[type="text"], form input[type="email"], form select { height: 30px; } } @media (max-width: 767px) { #subscribe form input[type="checkbox"] { margin: 2px 7px 0 0px; } } @media (max-width: 480px) { #subscribe .fields label{ width:100%; text-align:left; } #subscribe input[type="text"], #subscribe input[type="email"], #subscribe select, #unsubscribe input[type="text"], #unsubscribe input[type="email"]{ width:100%; } .contents.overlay-tooltip.active { display: block; } } form input[type="text"], form input[type="email"], form select, form textarea { border: 1px solid #cdcdcd; color: #333333; padding: 0 2px; width: 100%; } form label { margin: 0 0 5px; font-size: 15px; text-transform: uppercase; } form input[type="radio"], form input[type="checkbox"] { display: inline-block; margin: 0 3px 0 0; vertical-align: middle; } #email-updates .label-inline { font-weight: bold; text-transform: none; } #email-updates p { padding-left: 20px; } /*hub overlay End*/ /*hub article page started*/ .hub h1.pageTitle{ line-height: 36px; margin-bottom: 5px; max-width: 650px; } #hub-article table{ border: none; } .hub-table{ overflow:auto; } #hub-article table td{ border: 1px solid #cdcdcd; } #hub-article p, #hub-article li{ max-width:650px; line-height: 1.5; } #hub-article #tag{ margin-bottom:3px; text-transform: uppercase; color: #8e8d8d; font-size: 12px; display: block; } #tag .category{ margin-top: 0; } #date-author-send{ color:#888; margin-bottom: 20px; } #Separator{ color:#a4a4a4; padding:0 15px; } #hub-article .rich-text img{ max-width:100%; } #hub-article .rich-text ol li { list-style-type: decimal; padding-bottom: 8px; } #hub-article .rich-text ul li { list-style-type: disc; } /*hub article page end*/ /*hub article aside started*/ aside h4{ padding-bottom:10px; } aside li:first-child { padding-top: 0px; } .author-info-wrap { width: 53%; } .author-info-wrap a{ display:block; } .author-info-wrap a:first-child { padding-bottom: 5px; } #contri-authors>li{ padding: 10px; background: #e6e7e8; overflow: auto; position: relative; width: 100%; min-height: 100px; } .img-container-author{ width: 120px; height: 99px; display: inline-block; overflow: hidden; position: absolute; bottom: 0; right: 0; } #contri-authors img{ vertical-align:top; width:100%; margin-right:15px; } #contri-authors li{ display:inline-block; margin-bottom: 2px; } #contri-authors p { margin: 0 0 5px 0; line-height:1.25; } #contri-authors p:last-child { margin: 0px; } #contri-authors .name{ font-weight:bold; } #contri-authors span{ margin:0px; } #related-etf li { display: inline-block; border-bottom: none; padding: 10px 20px; background: #7aaa6c; margin: 0 3px 3px 0; min-width: 85px; text-align: center; } #related-etf li a{ color:#FFF; } /*hub article aside end*/ /*hub author page started*/ #author-info-area{ position:relative; padding:15px; height:153px; background: #e6e7e8; } #author-info-area h3{ font-size:25px; margin: 12px 0 20px; } #author-info-area .professional-title{ font-weight:700; } #author-info-area .img-container-author{ width: 164px; height: 136px; } .related-articles h4{ border-bottom: 1px solid #e6e7e8; padding-bottom: 5px; } .related-articles>div{ padding-top:20px } .related-articles img{ width:100%; } .category { text-transform: uppercase; color: #8e8d8d; margin: 0; font-size: 12px; display: block; margin: 10px 0px 0px 0; } .send{ display:inline-block; } #hub-author .send{ display:block; margin: 5px 0; } .hub_author { padding-right: 5px; } .author-bio p, .article p{ line-height:1.5; } span.publish_date { padding-left: 5px; } @media (min-width: 481px) and (max-width: 767px){ #author-info-area h3{ margin: 10px 0 10px; line-height: 1.05; font-size: 22px; } #author-info-area .professional-title { font-size: 15px; } } @media (max-width: 480px){ #author-info-area h3{ margin: 10px 0 10px; line-height: 1.05; font-size: 17px; } #author-info-area .professional-title { font-size: 15px; font-weight:normal; } } /*hub author page end*/ /*hub author page started*/ #author-info-area{ position:relative; padding:15px; height:153px; background: #e6e7e8; } #author-info-area h3{ font-size:25px; margin: 12px 0 20px; } #author-info-area .professional-title{ font-weight:700; } #author-info-area .img-container-author{ width: 164px; height: 136px; } .related-articles h4{ border-bottom: 1px solid #e6e7e8; padding-bottom: 5px; } .related-articles>div{ padding-top:20px } .related-articles img{ width:100%; } .category { text-transform: uppercase; color: #8e8d8d; margin: 0; font-size: 12px; display: block; margin: 10px 0px 0px 0; } .send{ display:inline-block; } #hub-author .send{ display:block; margin: 5px 0; } .hub_author { padding-right: 5px; } .author-bio p, .article p{ line-height:1.5; } span.publish_date { padding-left: 5px; } @media (min-width: 481px) and (max-width: 767px){ #author-info-area h3{ margin: 10px 0 10px; line-height: 1.05; font-size: 22px; } #author-info-area .professional-title { font-size: 15px; } } @media (max-width: 480px){ #author-info-area h3{ margin: 10px 0 10px; line-height: 1.05; font-size: 17px; } #author-info-area .professional-title { font-size: 15px; font-weight:normal; } } /*hub author page end*/ /*survey page start*/ input[type="radio"],input[type="checkbox"] { display: none; } #survey #error_msg_field{ float:left; color: #a23331; } .error_message{ color: #a23331; padding-left: 33px; vertical-align: bottom; display: block; border-left: 1px solid #e6e7e8; margin-left: 10px; } #survey h3{ padding-bottom: 0; font-size: 18px; margin-bottom: 0px; overflow: hidden; font-family:'UniversLTW02-57Condense', Calibri; line-height: 1.25; display: inline; vertical-align: bottom; } #survey .top-promo{ height: 250px; background-color: #c0dbbc; } #survey .top-promo a{ font-family: "UniversLTW02-67BoldCn","Calibri"; } #survey .top-promo .term{ font-family: 'UniversLTW02-57Condense', Calibri; } #survey .borderline{ margin-left: 44px; /* padding: 35px; */ margin: 0px 0px 0px 10px; border-left: 1px solid #e6e7e8; padding-top: 35px; padding-left: 30px; padding-bottom: 45px; overflow: auto; } #survey .radio{ position: relative; } #survey .radio div{ list-style: none; display:inline-block; } #survey .radio div input[type=radio]{ display:none; } #survey .radio_img{ background: url(../images/question_bg.png) no-repeat; width: 500px; height: 24px; position: absolute; top: 12px; left: 54px; } .survey-content{ margin: auto; max-width: 627px; padding-top: 20px; } .question_num{ width: 22px; display: inline-block; height: 22px; background: #e6e7e8; padding-left: 7px; margin-right: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } label.active{ color: #7aaa6c; } input[type=radio]:checked { color: #7aaa6c; } label{ cursor: pointer; } .check-box label:hover{ background-color:#f2f7f0; } .check-box label,.radio-sec label{ padding: 10px; display: inline-block; border-radius: 8px; } .radio label { display: inline-block; position: relative; font-size: 13px; padding-top: 10px; width:114px; text-align: left; } .radio label:before { content: ""; display: inline-block; width: 22px; height: 24px; margin-right: 10px; position: absolute; top: -15px; border-radius: 8px; background: url(../images/question_middle.png); z-index:2; } .radio div:first-child label:before{ background: url(../images/question_left.png); z-index:2; background-color: #FFF; } .radio div:last-child label:before{ background: url(../images/question_right.png); } .radio-sec label:before{ border-radius: 100%; } .radio-sec label:before,.check-box label:before { content: ""; width: 19px; height: 19px; border: 1px solid #AAA; display: inline-block; float: left; margin-right: 8px; } span.pipes { height: 20px; width: 120px; display: block; position: absolute; top: -16px; background: url(../images/question_pipes.png); z-index:1; } .check-box>div ,.radio-sec>div{ float: left; min-width: 270px; } #survey input[type="checkbox"]+label{ position:relative; } #survey input[type="checkbox"]:checked+label:before{ background-color: #7aaa6c; } #survey input[type="checkbox"]:checked +label:after { content: '\2713'; position: absolute; top: 9px; left: 13px; color: #FFF; } #survey input[type="checkbox"], #survey .radio-sec input[type="radio"],.user-details label{ margin-right: 8px; vertical-align: middle; } input[type=radio]:checked + label:before { content: "\2022"; color: #7aaa6c; font-size: 30px; text-align: center; line-height: 24px; } .radio-sec input[type=radio]:checked + label:before{ line-height: unset; content: ''; background: #7aaa6c; background-clip: content-box; padding: 3px; } input:checked + label { color: #7aaa6c; } #survey .questions div:last-child .borderline { border-left: none; } .questions{ border-bottom:1px solid #e6e7e8; } .contactinfro{ padding: 40px 60px; margin-top: 20px; background-color: #f7f9f6; overflow: auto; } .contactinfro h2{ border-bottom:none; } #survey .user-details>div { float: right; padding-bottom: 10px; } .user-details { padding-right: 150px; overflow: auto; } .user-details input{ border: 1px solid #cdcdcd; color: #333; display: inline-block; font-family: "UniversLTW02-57Condense","Calibri"; font-size: 15px; height: 30px; line-height: 28px; margin: 0px 0px 5px 0px; padding: 0px 2px; width: 220px; } .user-details .submit{ float: left; padding-left: 137px; } .user-details .submit { padding-top:20px; } .comments{ width:95%; } .comments.inactive{ display:none; } .comments.active{ display:block; } .comments textarea{ width:95%; } #continue_no ~ .comments, #topics_others ~ .comments{ display: none; } #continue_no:checked ~ .comments,#topics_others:checked ~ .comments { display: block; } .thankyou h2{ border-bottom:none; line-height: 1.25; padding-top: 10px; text-transform:none; } .thankyou{ margin: auto; width: 650px; padding-top: 20px; } .thankyou img{ float:left; padding-right: 12px; } @media (max-width: 767px){ #survey .top-promo { height: auto; background-color: #FFF; } } @media (max-width: 700px){ #survey #error_msg_field{ float:none; } .thankyou{ width: unset; } .thankyou img{ width:40px; } .thankyou h2 { font-size:18px; padding-top: 3px; } #survey h3{ display:block; } .error_message{ border-left:none; } .questions .question_title { display: block; } .survey-content { padding-top:0px; } #survey .radio div { display:block; } .radio label { width: auto; margin-left: 8px; font-size:16px; padding-left: 24px; } #survey .radio label:before { width: 18px; height: 18px; border: 1px solid #AAA; display: inline-block; float: left; margin-right: 8px; background: none; position: absolute; left: 0; top: 12px; line-height: 16px; border-radius: 100%; } .radio input[type=radio]:checked + label:before { content: "\2022"; color: #7aaa6c; font-size: 30px; text-align: center; line-height: 24px; } span.pipes{ display:none; } #survey .check-box{ overflow: hidden; } .check-box>div, .radio-sec>div { max-width: 700px; float: unset; } .question_num{ float:left; display:block; } #survey .borderline{ border-left:none; padding-top:10px; padding-left:20px; overflow:hidden; } .contactinfro{ padding: 15px; } .user-details { padding-right: 0; } #survey .user-details>div { float: none; } .user-details .submit { width:95%; } .user-details .submit{ padding-left:0px; } .user-details input{ width:95%; display:block; } } /*survey page END*/ .template h2 { margin-bottom: 15px; padding: 0; } .template h3 { font-size: 18px; } .template h5 { font-size: 16px; text-transform: none; } .template img { display: block; margin-bottom: 10px; max-width: 100%; } .template p { max-width: none; } .template ul { margin: 15px 0; /* list-style: disc inside; */ padding-left: 18px; } .template ul li { display: list-item; background: none; margin: 0 0 10px 0; padding: 0; } .template ol { margin: 15px 0; padding: 0; list-style-position: inside; } .template ol li { display: list-item; margin: 0 0 10px 0; padding: 0; } .template ul.tabs { list-style: none outside; } .template .tabs li { display: table-cell; margin: 0; vertical-align: middle; } .template .btn.disabled { pointer-events: none; } .template .col-right h4 { margin-top: 25px; } .template .col-left h4, .template .col-left h5 { text-transform:none; } .template ul.link-list { list-style: none outside; margin: 0; } .template ul.link-list li { display: block; margin: 0; padding: 0; } .template ul.link-list li a { border-bottom: 1px solid #e6e7e8; display: block; padding: 10px 12px 10px 0; } .template .module-spotlight { margin-bottom: 15px; } .template .module-spotlight h2 { margin-bottom: 10px; } .template .module-spotlight h3 { margin-bottom: 5px; } .template .module-spotlight strong { display: inline-block; margin-bottom: 3px; } .template .module-spotlight img { max-width: none; margin-bottom: 0; } .template .module-spotlight .txt { margin-left: -15px; } .template .module-spotlight .content> ul { list-style: none outside; margin: 0; } .template .module-spotlight .content > ul > li{ background-color: transparent; display: block; margin: 0; width: 100%; } .template .module-spotlight .bullet { margin-bottom: 12px; } .template .module-spotlight .bullet li{ float: none; margin-bottom: 8px; line-height: 1.2; } .template .module-spotlight .location { margin-bottom: 10px; } .template .module-spotlight .call-to-action p { line-height: 1; margin-bottom: 13px; } .template .module-spotlight .call-to-action .location p { margin-bottom: 5px; } .template .module-spotlight .call-to-action p a { display: inline-block; font-weight: normal; } .template .highlight { background-color: #f2f7f1; margin-bottom: 5px; padding: 15px 10px; } .template .highlight a.title { display: block; font-weight: bold; margin-bottom: 5px; } .template .module-form .required ul { margin-bottom: 20px; } .template .module-form .fields { margin: 0 -15px 10px; overflow: hidden; list-style: none outside; } .template .module-form .fields li { display: block; float: left; margin: 0 0 15px 0; padding: 0 15px; } .template .module-form .fields li.full { width: 100%; margin-bottom: 10px; } .template .module-form .fields textarea { height: 180px; } .template .module-form .fields li.checkbox input[type="checkbox"] { display: inline-block; } .template .module-form .fields li.checkbox label { display: inline-block; margin: 0 0 0 5px; max-width: 90%; text-transform: none; vertical-align: text-top; } .template .module-form .fields li.checkbox .title { text-transform: uppercase; margin: 0 0 5px 0; } .template .module-form .fields li .location-check { border: 1px solid #e6e7e8; background-color: #f7f7f7; list-style: none outside; padding: 5px 10px 0; overflow: hidden; margin: 0; } .template .module-form .fields li .location-check li { width: auto; margin: 0 20px 10px 0; min-width: 240px; padding: 0; } .template .module-form .fields li .location-check li span { display: block; } .template .module-form .btn.disabled { pointer-events: none; } .template .module-video-list .video-list { list-style: none outside; margin: 0 -15px; overflow: hidden; } .template .module-video-list .video-list li { display: block; float: left; padding: 0 15px; max-width: 100%; } .template .module-video-list .video-list a.title { display: block; font-weight: bold; margin-bottom: 5px; } .template .module-video-list .video-list .desc { margin-bottom: 5px; } .template .module-video-list .video-list .length { color: #808080; } .template .module-video-embeded .video-player > div > div > div { width: 100% !important; height: 100% !important; } .template .module-carousel .carousel-holder { border: 2px solid #e6e7e8; height: 350px; padding: 0 70px; position: relative; -webkit-overflow-scrolling: touch; } .template .module-carousel .carousel-view { height: 100%; overflow: hidden; } .template .module-carousel .carousel-holder ul { list-style: none outside; margin: 0; overflow: hidden; } .template .module-carousel .carousel-holder li { display: block; float: left; margin: 38px 0; padding: 0 8px; } .template .module-carousel .carousel-holder li a { display: block; text-align: center; } .template .module-carousel .carousel-holder li a:first-child { height: 210px; overflow: hidden; line-height: 210px; margin-bottom: 12px; } .template .module-carousel .carousel-holder li a:last-child { max-width: 170px; margin: 0 auto; } .template .module-carousel .carousel-holder img { display: inline-block; vertical-align: bottom; margin-bottom: 0; max-height: 210px; } .template .module-carousel .carousel-holder .btn-prev { background: url(/images/spdr_sprites.png) 0 -2700px no-repeat; display: none; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 20px; } .template .module-carousel .carousel-holder .btn-next { background: url(/images/spdr_sprites.png) 0 -2600px no-repeat; display: none; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 20px; } .template .module-featured td.p_title a { display: block; font-weight: bold; margin-bottom: 5px; } .template .module-agenda table { border-collapse: separate; border-spacing: 0 6px; } .template .module-agenda td { border: 0 none; } .template .module-agenda .time { background-color: #79a96b; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; } .template .module-agenda .desc { background-color: #f2f7f0; padding: 10px 20px; } .template .module-speakers ul { list-style: none outside; overflow: hidden; margin: 0 -10px; } .template .module-speakers li { background-color: #d8e9d6; background-clip: content-box; display: block; float: left; margin: 0 0 10px 0; min-height: 117px; padding: 0 10px; position: relative; } .template .module-speakers .speaker-img { margin: 0; position: absolute; left: 10px; top: 0; } .template .module-speakers .brief { padding: 6px 10px 0 95px; } .template .module-speakers .brief .name { display: block; font-size: 18px; font-weight: bold; margin-bottom: 4px; } .template .module-speakers .brief .title { display: block; font-size: 15px; line-height: 18px; margin-bottom: 1px; } .template .module-speakers .brief .link-bio { font-size: 15px; text-transform: uppercase; } .template .module-speakers .detail { display: none; } .template .module-map { max-width: 480px; margin-bottom: 25px; } .template .module-map .map { padding-top: 100%; position: relative; width: 100%; } .template .module-map .map-holder { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .template .module-map .location-list { list-style-type: none; margin-top: 5px; padding-left: 0; } .template .module-map .location-list li { background: none; border-bottom: 1px solid #e6e7e8; display: block; margin: 0; padding: 5px 0; } .template .module-map .location-list.labeled li { padding-left: 20px; position: relative; } .template .module-map .location-list.labeled li:before { content: attr(data-label); font-weight: bold; left: 0; position: absolute; } .template .module-tiles ul { list-style: none outside; margin: 0 -15px -40px; } .template .module-tiles ul li{ display: block; float: left; width: 33.33333333%; padding: 0 15px; margin: 0 0 50px 0; } .template .module-tiles .img { display: block; margin-bottom: 10px; } .template .module-tiles img { max-width: 100%; } .template .module-tiles h3 { border: none; font-size: 24px; margin-bottom: 5px; padding-bottom: 0; text-transform: none; line-height: 1.2; } .template .module-tiles .text-holder { padding-bottom: 1px; /*get rid of the margin collapse*/ } .template .module-tiles .btn { margin-bottom: 0; } .template #themes-intro { margin-bottom: 30px; } .template #themes-intro a { font-weight: bold; } .template #themes-intro a.btn, .template #themes-intro a.mailUs-link { font-weight: normal; } .template #themes-intro .link-list { margin: 10px 0 20px; } .template #themes-intro .link-list li{ line-height: 1.25; margin-bottom: 7px; } .template #themes-intro .link-list li a{ display: inline-block; border: 0 none; padding: 0; } .template span.video-prompt { color: #333333; background: none; display: inline-block; min-width: 30px; width: auto; height: auto; } .template .contact-group span { font-weight: bold; } .template ul#inside-sector li { display: inline-block; width: 32%; max-width: 250px; } .template ul#inside-sector li a img { max-width: 250px; width: 100%; } .template img#fixedIncome-img { float: none; max-width: 100%; margin-bottom: 40px; padding: 0; } .template table .f_shortcuts a + a { display: none; } .template table td.f_kiid a { text-transform: uppercase; } .template .btn-solid-darkgreen { display: inline-block; border: 1px solid #273F33; background-color: #273F33; color: #fff; font-weight: bold; font-size: 16px; margin-top: 15px; padding: 10px 35px; } .template .btn-solid-darkgreen::after { content: ""; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; margin-left: 12px; } .template .btn-solid-darkgreen:hover { background-color: #fff; color: #273f33; } .template .btn-solid-darkgreen:hover::after { border-left-color: #273f33; } .template .btn-solid-white { display: inline-block; border: 1px solid #fff; background-color: #fff; color: #273F33; font-weight: bold; font-size: 16px; margin-top: 15px; padding: 10px 35px; } .template .btn-solid-white::after { content: ""; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #273f33; margin-left: 12px; } .template .btn-solid-white:hover { background-color: #273f33; color: #fff; } .template .btn-solid-white:hover::after { border-left-color: #fff; } .template .btn-outline-orange { display: inline-block; border: 1px solid #FA5A19; color: #FA5A19; font-weight: bold; font-size: 16px; margin-top: 15px; padding: 10px 35px; } .template .btn-outline-orange::after { content: ""; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #FA5A19; margin-left: 12px; } .template .btn-outline-orange:hover { background-color: #FA5A19; color: #fff; } .template .btn-outline-orange:hover::after { border-left-color: #fff; } .template .desc-text { font-size: 18px; } .template .module-doc-tiles { margin: 40px 0 0; } .template .module-doc-tiles .doc-tile { padding-top: 70px; margin-bottom: 40px; } .template .module-doc-tiles .tile-content { position: relative; padding: 0 calc(20% + 3px) 40px; background-color: #e6e6e6; } .template .module-doc-tiles img { margin: 0 0 -42px; position: relative; top: -70px; } .template .module-doc-tiles .title { color: #333; font-size: 25px; font-weight: bold; margin-bottom: 10px; display: block; } .template .module-doc-tiles .title[href*='.pdf']::after { content: "PDF"; display: inline-block; font-size: 16px; color: #B7B7B7; margin-left: 10px; } .template .module-doc-tiles h2, .template .module-image-right h2, .template .module-video-fullwidth h2 { margin-bottom: 10px; border-bottom: none; text-transform:none; } .template .module-doc-tiles p, .template .module-image-right p, .template .module-video-fullwidth p, .template .module-fund-list p { font-size: 18px; } .template .module-doc-tiles p.disclaimer, .template .module-image-right p.disclaimer, .template .module-video-fullwidth p.disclaimer { margin-top: 0; font-size: 14px; line-height: 1.25; } .template .module-image-right { background-color: #2D91A0; color: #fff; padding: 50px 10%; margin: 0 0 40px; } .template .module-image-right .text-holder { max-width: 500px; } .template .module-image-right .img-holder { text-align: center; } .template .module-image-right .img-holder img { display: inline-block; border-radius: 50%; margin: 0; } .template .module-image-right .btn-solid-white:hover { background-color: #2D91A0; } .template .module-video-fullwidth { background-color: #e6e6e6; margin: 140px 0 40px; padding: 0 10% 35px; } .template .module-video-fullwidth .video-player { margin-bottom: -74px; position: relative; top: -100px; } .template .module-video-fullwidth .video-player img.video-placeholder { width: 100%; } .template .module-fund-list { background-color: #197D64; color: #fff; padding: 50px 10%; } .template .module-fund-list h2 { margin-bottom: 20px; border-bottom: none; text-transform:none; } .template .module-fund-list a { font-size: 22px; font-weight: bold; color: #333; background-color: #fff; display: block; padding: 30px 60px 30px 30px; line-height: 1.4; box-shadow: 0 2px 4px rgba(12, 68, 51, 0.15); white-space:nowrap; } .template .module-fund-list a:hover { color: #333; text-decoration: underline; box-shadow: 0 6px 12px rgba(12, 68, 51, 0.4); } .template .module-fund-list a::after { content: ""; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #273F33; margin-left: 10px; } .template .module-bottom-link { background-color: #163827; padding: 20px calc(10% + 20px); margin-left: -20px; margin-right: -20px; margin-bottom: -30px; } .template .module-bottom-link h2 { margin: 0; padding: 0; border-bottom: none; } .template .module-bottom-link a { display: block; color: #fff; text-transform: none; } .template .module-bottom-link a:hover { color: #fff; text-decoration: underline; } .template .module-bottom-link a::after { content: ""; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #fff; margin-left: 10px; } .template .module-chart-tool p { font-size: 16px; } .template .module-chart-tool h2 { border-top: 10px solid #273F33; padding-top: 15px; } .template .module-chart-tool .content-holder { border-top: 2px solid #273F33; padding-top: 25px; } .template .module-chart-tool .banner { background-color: #273f33; color: #fff; padding: 30px 30px 10px; margin-bottom: 25px; } .template .module-chart-tool .banner .sub-head { margin-bottom: 0; } .template .module-chart-tool .analysis { margin-bottom: 37px; } .template .module-chart-tool .analysis-list { list-style: none outside; } .template .module-chart-tool .analysis-list li { margin-bottom: 15px; } .template .module-chart-tool .analysis-list .title { font-weight: bold; background: url(/site-content/images/spdr_sprites.png?v=201809) no-repeat 0 -7298px; display: block; padding-left: 25px; font-size: 18px; } .template .module-chart-tool .analysis-list .title.active { background-position: 0 -7398px; } .template .module-chart-tool .analysis-list .details { display: none; padding-top: 15px; padding-left: 25px; padding-bottom: 1px; } .template .module-chart-tool .chart-hints { margin-top: 30px; } .template .module-chart-tool .chart-hints .title { font-weight: bold; font-size: 16px; background: url(/site-content/images/spdr_sprites.png?v=201809) no-repeat 0 -7298px #fff; display: block; padding-left: 25px; font-size: 18px; margin-bottom: -20px; position: relative; z-index: 2; } .template .module-chart-tool .chart-hints .title.active { background-position: 0 -7398px; margin-bottom: 10px; } .template .module-chart-tool .chart-hints .details { padding: 15px; background-color: #F2F7F0; margin-bottom: 15px; display: none; } .template .module-chart-tool .chart-hints img { width: 100%; } .template .module-chart-tool .chart-hints .img-mobile { display: none; } .template .module-chart-tool .filters .title { float: left; font-weight: bold; margin-bottom: 10px; line-height: 1.25; } .template .module-chart-tool .filters .clear-all { float: right; font-size: 14px; margin-top: 2px; } .template .module-chart-tool .filters .clear-all.inactive { color: #808080; cursor: default; } .template .module-chart-tool .filter-list { list-style: none outside; clear: both; border-top: 1px solid rgba(39, 63, 51, 0.4); padding: 20px 0 0; margin-bottom: 20px; font-size: 16px; } .template .module-chart-tool .filter-list.values { border-top-color: #273f33; } .template .module-chart-tool .filter-list li { float: left; width: 100%; } .template .module-chart-tool .filter-list li input { width: 15px; height: 15px; border: 1px solid #333; background-color: transparent; border-radius: 0; margin-right: 5px; margin-top: 5px; float: left; } .template .module-chart-tool .filter-list li label { float: left; width: calc(100% - 20px); } .template .module-chart-tool .chart-holder { margin-bottom: 60px; margin-top: 30px; } .template .module-chart-tool .chart-holder .filter-link { display: none; } .template .module-chart-tool .chart-holder thead { font-size: 14px; border-top: 1px solid #273F33; border-bottom: 1px solid #273F33; } .template .module-chart-tool .chart-holder td { padding: 15px 0; } .template .module-chart-tool .chart-holder thead td { border-bottom-color: #273F33; } .template .module-chart-tool .legends { padding: 0 10px; } .template .module-chart-tool .legends div { margin-bottom: 5px; } .template .module-chart-tool .legends div::before { content: ""; display: inline-block; width: 16px; height: 14px; margin-right: 7px; vertical-align: middle; position: relative; top: -1px; } .template .module-chart-tool .legends div:nth-child(1)::before { background-color: #147A5F; } .template .module-chart-tool .legends div:nth-child(2)::before { background-color: #6EC6D8; } .template .module-chart-tool thead .labels { display: flex; justify-content: space-between; align-items: flex-end; } .template .module-chart-tool thead .labels span { display: block; } .template .module-chart-tool thead .labels .max { text-align: right; } .template .module-chart-tool thead .axis { width: 100%; height: 1px; background-color: #273F33; margin: 12px 0; position: relative; } .template .module-chart-tool thead .axis::before { content: ""; border-right: 10px solid #273F33; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; left: 0; top: -5px; } .template .module-chart-tool thead .axis::after { content: ""; border-left: 10px solid #273F33; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; right: 0; top: -5px; } .template .module-chart-tool thead .ticks { list-style: none outside; display: flex; justify-content: space-between; margin: 0; } .template .module-chart-tool thead .ticks li { display: block; margin: 0; position: relative; width: 1px; height: 20px; } .template .module-chart-tool thead .ticks li span { position: absolute; left: 0; top: 0; transform: translateX(-50%); } .template .module-chart-tool thead .ticks li:first-child span { transform: translateX(0); } .template .module-chart-tool thead .ticks li:last-child span { transform: translateX(0); left: auto; right: 0; } .template .module-chart-tool td { border-bottom-color: rgba(39, 63, 51, 0.4); } .template .module-chart-tool td.label { width: 20%; font-size: 16px; font-weight: bold; white-space: nowrap; } .template .module-chart-tool td.data { width: 80%; text-align: left; padding: 0; } .template .module-chart-tool td .data-holder { height: 50px; position: relative; width: 100%; } .template .module-chart-tool td .data-holder::before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #CDCDCD; } .template .module-chart-tool td.data .data-item { position: absolute; height: 16px; } .template .module-chart-tool td.data .data-item.left { right: 50%; } .template .module-chart-tool td.data .data-item.right { left: 50%; } .template .module-chart-tool td.data .data-item:nth-child(1) { background-color: #147A5F; top: calc(50% - 16px); } .template .module-chart-tool td.data .data-item:nth-child(2) { background-color: #6EC6D8; top: 50%; } .template .module-chart-tool td.data .data-item::after { content: attr(data-value); position: absolute; font-size: 14px; top: -1px; width: 20px; } .template .module-chart-tool td.data .data-item.left::after { left: -28px; text-align: right; } .template .module-chart-tool td.data .data-item.right::after { right: -28px; text-align: left; } .template .module-chart-tool td.data .tooltip { display: none; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #273F33; padding: 12px 18px; font-size: 14px; position: absolute; left: 60%; top: 50%; transform: translateY(-50%); z-index: 10; } .template .module-chart-tool td.data .tooltip::before { content: ""; border-right: 8px solid #273f33; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); } .template .module-chart-tool td.data .tooltip::after { content: ""; border-right: 8px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); } .template .module-chart-tool td.data .tooltip span { display: block; } .template .module-chart-tool td.data .tooltip .label { font-weight: bold; margin-bottom: 6px; } .template .module-chart-tool tbody tr:hover { background-color: #EDF4EE; } .template .module-chart-tool td.data .data-item:hover ~ .tooltip, .template .module-chart-tool td.data .tooltip:hover { display: block; } .template .module-chart-tool .disclaimer { font-size: 14px; margin-top: 25px; } .template .module-chart-tool .disclaimer p { line-height: 1.25; margin-bottom: 10px; font-size: 14px; } .template .module-chart-tool .related-links a { display: block; padding-left: 20px; } #bond-compass-chart-source { display: none; } @media (min-width: 1024px) { .template .col-left { float: left; padding-right: 15px; width: 66.6666%; } .template .col-right { float: right; padding-left: 15px; width: 33.3333%; } .template .col-right > img:only-child, .template .col-right img.article-img { float: right; } .template .module-tabs { margin-bottom: 40px; } .template .module-tabs .tabs { position: relative; padding: 0 20px; margin: 0 -20px; background: none; } .template .module-tabs .tabs:before { content: " "; position: absolute; width: 100%; height: 2px; margin: 0 -20px; background-color: #e6e7e8; bottom: 0; } .template .module-tabs .tabs li { position: relative; padding: 10px 30px; border: 0 none; line-height: 1; } .template .module-tabs .tabs li.active { border: 2px solid #e6e7e8; border-bottom-color: #fff; border-radius: 5px 5px 0 0; } .template .module-tabs li a { color: #649455; font-weight: bold; min-height: 0; padding: 0; text-transform: uppercase; } .template .module-tabs li a:hover { color: #4c7c3d; } .template .module-tabs li.active a { color: #333; cursor: default; } .template .module-aside-left, .template .module-aside-right { overflow: hidden; } .template .module-aside-left .col-main-content { float: right; padding-left: 15px; width: 83.3333%; } .template .module-aside-right .col-main-content { float: left; padding-right: 15px; width: 83.3333%; } .template .module-aside-left .col-aside { float: left; padding-right: 15px; width: 16.6666%; } .template .module-aside-right .col-aside { float: right; padding-left: 15px; width: 16.6666%; } .template .col-left .module-aside-left .col-main-content, .template .col-left .module-aside-right .col-main-content { width: 66.6666%; } .template .col-left .module-aside-left .col-aside, .template .col-left .module-aside-right .col-aside { width: 33.3333%; } .template .module-form .form-holder { width: 66.6666%; } .template .module-form .fields li { width: 50%; } .template .module-video-embeded .video-player { width: 66.6666%; } .template .module-video-list .video-list li { width: 25%; } .template .module-carousel .carousel-holder li { width: 25%; } .template .col-left .module-carousel .carousel-holder li { width: 33.3333%; } .template .module-carousel .carousel-holder .btn-prev { left: 30px; } .template .module-carousel .carousel-holder .btn-next { right: 30px; } .template .module-featured .date-xs { display: none; } .template .module-agenda .time { width: 15%; } .template .module-agenda .desc { width: 85%; } .template .module-speakers li { float: left; width: 33.3333%; } .template .module-speakers li:nth-child(3n+1){ clear: both; } .template .module-spotlight a.link-map { display: none; } .template .module-map h2 { display: none; } .template .module-tiles ul li:nth-child(3n+1) { clear: both; } .template .module-tiles ul li { padding-bottom: 41px; position: relative; } .template .module-tiles ul li .text-holder { height: 180px; } .template .module-tiles ul li .btn { bottom: 0; position: absolute; } .template .module-doc-tiles .row, .template .module-fund-list .row { display: flex; flex-wrap: wrap; } .template .module-doc-tiles .row > div { flex: 1; } .template .module-fund-list { padding-bottom: 15px; } .template .module-fund-list .row > div { margin-bottom: 35px; } .template .module-doc-tiles .tile-content, .template .module-fund-list a { height: 100%; } .template .module-doc-tiles img { width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { .template .col-left { float: left; padding-right: 15px; width: 66.6666%; } .template .col-right { float: right; padding-left: 15px; width: 33.3333%; } .template .module-spotlight .spotlight-content { padding: 25px 20px; } .template .module-tabs { margin-bottom: 40px; } .template .module-tabs .tabs { position: relative; padding: 0 20px; margin: 0 -20px; background: none; } .template .module-tabs .tabs:before { content: " "; position: absolute; width: 100%; height: 2px; margin: 0 -20px; background-color: #e6e7e8; bottom: 0; } .template .module-tabs .tabs li { position: relative; padding: 10px 15px; border: 0 none; line-height: 1; } .template .module-tabs .tabs li.active { border: 2px solid #e6e7e8; border-bottom-color: #fff; border-radius: 5px 5px 0 0; } .template .module-tabs li a { color: #649455; font-weight: bold; min-height: 0; padding: 0; text-transform: uppercase; } .template .module-tabs li a:hover { color: #4c7c3d; } .template .module-tabs li.active a { color: #333; cursor: default; } .template .module-aside-left, .template .module-aside-right { overflow: hidden; } .template .module-aside-left .col-main-content { float: right; padding-left: 15px; width: 75%; } .template .module-aside-right .col-main-content { float: left; padding-right: 15px; width: 75%; } .template .module-aside-left .col-aside { float: left; padding-right: 15px; width: 25%; } .template .module-aside-right .col-aside { float: right; padding-left: 15px; width: 25%; } .template .col-left .module-aside-left .col-main-content, .template .col-left .module-aside-right .col-main-content { width: 66.6666%; } .template .col-left .module-aside-left .col-aside, .template .col-left .module-aside-right .col-aside { width: 33.3333%; } .template .module-form .fields li { width: 50%; } .template .module-video-list .video-list li { max-width: 300px; width: 50%; } .template .module-carousel .carousel-holder li { width: 50%; } .template .module-carousel .carousel-holder .btn-prev { left: 15px; } .template .module-carousel .carousel-holder .btn-next { right: 15px; } .template .module-featured .date-xs { display: none; } .template .module-agenda .time { width: 20%; } .template .module-agenda .desc { width: 80%; } .template .module-speakers li { float: left; width: 50%; } .template .module-speakers li:nth-child(2n+1){ clear: both; } .template .module-spotlight a.link-map { display: none; } .template .module-map h2 { display: none; } .template .module-doc-tiles .row, .template .module-fund-list .row { display: flex; flex-wrap: wrap; } .template .module-doc-tiles .row > div { flex: 1; } .template .module-doc-tiles .tile-content, .template .module-fund-list a { height: 100%; } .template .module-doc-tiles img { width: 100%; } .template .module-fund-list .row > div { margin-bottom: 35px; } .template .module-fund-list a { padding: 15px 5px 15px 15px; font-size: 18px; } } @media (max-width: 949px) { .template .col-left .module-carousel .carousel-holder li { width: 100%; } } @media (max-width: 767px) { .template .col-right { margin-bottom: 40px; } .template .col-right > img:only-child, .template .col-right img.article-img { display: none; } .template .tabs li { display: block; } .template .module-aside-left .col-aside, .template .module-aside-right .col-aside { margin-top: 20px; } .template .module-form .fields li { width: 100%; } .template .module-carousel .carousel-holder { padding: 0 40px; } .template .module-carousel .carousel-holder li { width: 100%; } .template .module-carousel .carousel-holder .btn-prev { left: 15px; } .template .module-carousel .carousel-holder .btn-next { right: 15px; } .template .module-featured thead, .template .module-featured table .p_date { display: none; } .template .module-featured table tr { clear: both; display: block; float: left; width: 100%; } .template .module-featured table .p_title { clear: both; display: block; float: left; padding: 30px 10px; position: relative; width: 100%; } .template .module-featured td { background-color: #f7f7f7; border: 0 none; } .template .module-featured table .date-xs { color: #808080; display: block; margin: 10px 0; } .template .module-featured table .f_name { padding-top: 30px; } .template .module-featured table td:last-child { margin-bottom: 10px; } .template .module-featured .pane-etfs td { clear: both; display: block; float: left; padding: 15px; position: relative; width: 100%; } .template .module-featured .pane-etfs td.f_name a { float: left; width: 60%; } .template .module-featured .pane-etfs td:before { color: #808080; content: attr(data-label); float: left; min-height: 1px; padding-right: 10px; text-transform: uppercase; width: 40%; } .template .module-featured .pane-etfs td.f_shortcuts a + a { display: inline-block; float: right; margin-top: 10px; } .template .module-featured .pane-etfs td.f_kiid span a { float: none; width: auto; } /*for nl*/ .template .nl.module-featured .pane-etfs td{ padding:12px; font-size:15px; } .template .nl.module-featured .pane-etfs td a{ width:55%; } .template .nl.module-featured .pane-etfs td:before{ width:45%; } .template .spotlight .call-to-action a + a { display: block; } .template .module-spotlight a.link-map { background: url(/images/icon_location.png) no-repeat 0 4px; padding-left: 18px; } .template .module-agenda tr { display: block; margin-bottom: 10px; } .template .module-agenda td { display: block; width: 100%; } .template .module-agenda .desc { padding: 10px 10px 15px; } .template .module-speakers li { width: 100%; } .template .pane-etfs td.f_shortcuts a + a { display: inline-block; float: right; margin-top: 10px; } .template .pane-etfs td.f_kiid span a { float: none; width: auto; } .template .module-image-right h2, .template .module-video-fullwidth h2, .template .module-fund-list h2, .template .module-bottom-link h2 { font-size: 20px; } .template .btn-solid-darkgreen, .template .btn-solid-white { font-size: 15px; } .template .module-doc-tiles p, .template .module-image-right p, .template .module-video-fullwidth p, .template .module-fund-list p, .template .desc-text { font-size: 16px; } .template .module-doc-tiles .tile-content, .template .module-image-right, .template .module-video-fullwidth, .template .module-fund-list, .template .module-bottom-link { padding-left: 35px; padding-right: 35px; } .template .module-image-right .img-holder img { max-height: 250px; margin-bottom: 20px; } .template .module-fund-list .row > div { margin-bottom: 35px; } .template .module-fund-list a { font-size: 20px; padding: 20px; } .template .module-bottom-link { padding: 20px calc(10% + 10px); margin-left: -10px; margin-right: -10px; } .template .module-chart-tool p { font-size: 16px; } .template .module-chart-tool h2 { padding-top: 15px; } .template .module-chart-tool .content-holder { border-top: 0 none; padding-top: 0; } .template .module-chart-tool .banner { padding: 20px 20px 5px; } .template .module-chart-tool .banner h1 { font-size: 30px; margin-top: 5px; } .template .module-chart-tool .chart-hints .title { margin-bottom: 10px; } .template .module-chart-tool .chart-hints .img-mobile { display: block; } .template .module-chart-tool .chart-hints .img-pc { display: none; } .template .module-chart-tool .filters { display: none; position: fixed; top: 0; background-color: #fff; height: 100%; left: 0; z-index: 11; padding: 20px; width: 80%; overflow: auto; } .template .module-chart-tool .filters.active { display: block; } .template .module-chart-tool .chart-holder { position: relative; margin-top: 10px; } .template .module-chart-tool .chart-holder .filter-link { display: block; position: absolute; top: 14px; right: 0; font-size: 18px; font-weight: bold; color: #333; padding-right: 25px; background: url(/site-content/images/spdr_sprites.png?v=20180920) no-repeat right -7197px; } .template .module-chart-tool .chart-holder thead { border-top: 0 none; border-bottom: 0 none; } .template .module-chart-tool .chart-holder tr { display: block; width: 100%; } .template .module-chart-tool .chart-holder td { display: block; width: 100%; } .template .module-chart-tool .chart-holder tbody tr { border-bottom: 1px solid rgba(39, 63, 51, 0.4); } .template .module-chart-tool .chart-holder tbody td { border-bottom: 0 none; } .template .module-chart-tool .legends { padding: 0; } .template .module-chart-tool .legends div { display: inline-block; margin-right: 12px; } .template .module-chart-tool thead .ticks li { display: none; } .template .module-chart-tool thead .ticks li:nth-child(1), .template .module-chart-tool thead .ticks li:nth-child(6), .template .module-chart-tool thead .ticks li:nth-child(11) { display: block; } .template .module-chart-tool tbody td.label { position: relative; padding-bottom: 5px; } .template .module-chart-tool tbody td.label::before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #CDCDCD; } .template .module-chart-tool td .data-holder { height: 56px; } .template .module-chart-tool td.data .data-item.left::after { left: -25px; } .template .module-chart-tool td.data .data-item.right::after { right: -25px; } .template .module-chart-tool .related-links a { display: block; } } @media (max-width: 755px) { .template ul#inside-sector li { width: 100%; } } @media (max-width: 499px) { .template .module-spotlight img { width: 100%; } .template .module-spotlight h2 { height: auto; vertical-align: middle; display: block; font-size: 40px; line-height: 32px; width: auto; } .template .module-spotlight .content { text-align: left; } .template .module-spotlight .spotlight { cursor: default; } .template .module-spotlight .img { padding: 0; } .template .module-spotlight .txt { background-color: #fff; margin-left: 0; } .template .module-spotlight .headline { height: auto; max-height: 94px; padding: 0; } .template .module-spotlight .call-to-action { margin-top: 0; padding: 0; } .template .module-spotlight .call-to-action p { display: block; } .template .module-spotlight .call-to-action p a { margin-bottom: -2px; } } @media (max-width: 767px) and (min-width: 500px) { .template .module-map .map { padding-top: 80%; width: 80%; } } @media (max-width: 1023px) and (min-width: 640px) { .template .module-tiles ul li{ padding-bottom: 41px; position: relative; width: 50%; } .template .module-tiles ul li:nth-child(2n+1) { clear: both; } .template .module-tiles ul li .text-holder { height: 180px; } .template .module-tiles ul li .btn { bottom: 0; position: absolute; } } @media (max-width: 639px) { .template .module-tiles ul li { width: 100%; } } @media (max-width: 599px) { .template .module-form .fields li.checkbox .location-check li { width: 100%; float: none; } .template .module-form .fields li.checkbox .location-check li:first-child { padding: 0; } } @media (max-width: 424px) { .template.nl .pane-etfs td:before { width: 60%; } .template.nl .pane-etfs td a { width: 40%; } } /*=== Page Universal Template End ===*/