@charset "UTF-8";
/* LIVE */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
button{-webkit-appearance:none;background-color:transparent}
html{font:normal 100.01%/1.5 sans-serif;color:#1c1c1c;height:100%;-webkit-text-size-adjust:100%;min-width:320px;direction:ltr}
body{background:#fff;font-family:'Frutiger',Arial,Helvetica,sans-serif;}
a{color:#222;text-decoration:none}
button{font-size:1em;border-color:transparent;border:0;padding:0;margin:0;outline:0;cursor:pointer;height: 100%;}
button::-moz-focus-inner{padding:0;margin:0;outline:0;border:0}
input{margin:0;padding:0;}
input[type="text"]{-webkit-appearance:none}
select::-ms-expand{display:none}
audio,canvas,img,svg,video{vertical-align:middle}
img, object, embed {max-width: 100%;height:auto;}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
sup,sub{line-height:0;font-size:70%}
sub{vertical-align:sub}
sup{vertical-align:super}
strong,b{font-weight:500}
i,em{font-style:italic}
legend{display:table}
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="hidden" i] {
    display: none;
    appearance: initial;
    background-color: initial;
    cursor: default;
    padding: initial;
    border: initial;
}
::-webkit-input-placeholder { /* Edge */
    color: #646464;
    font-weight: 200;
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer */
    color: #646464;
    font-weight: 200;
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
}
::placeholder {
    color: #646464;
    font-weight: 200;
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
}
.d-only {display: block!important;}
.m-only {display: none!important;}
thead tr th.invisible {
     visibility: hidden;
     font-size: 5px;
}
@media (max-width:1023px) {
    .d-only {display: none!important;}
    .m-only {display: block!important;}
}
/* Firefox */
input[type=number] {
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
  -moz-appearance: textfield;
}

/* POPUP */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 #fff;
    opacity: .7;
    z-index: 100;
    display: none;
}
.cnt223 a{
    text-decoration: none;
}
.popup{
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
}
.cnt223{
    border: 2px solid #222;
    color: #000;
    min-width: 630px;
    width: 630px;
    min-height: 525px;
    background: #fff;
    position: relative;
    z-index: 103;
    padding: 20px;
    position: fixed;
    left: calc(50% - 317px);
    top: calc(50% - 285px);
}
#register_popup .cnt223 {
    min-height: 310px;
    top: calc(50% - 180px);
}
.cnt223 ul li:first-child p {
    margin-top: 0;
}
.cnt223 p{
    clear: both;
    color: #1c1c1c;
    font-size: 14px;
    margin: 15px 0;
    font-weight: 300;
    line-height: 21px;
}
.cnt223 p a{
    color: #007099;
    font-weight: 400;
}
.cnt223 .x{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
}
.cnt223 .x:hover{
    cursor: pointer;
}
.cnt223 .head {
    margin: 0 0 5px 0;
    overflow: hidden;
}
.cnt223 .head .tl {
    color: #e60000;
    float: left;
    font: 300 2.5em/1 Frutiger,Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    background: none;
    width: auto;
    padding: 3px 0;
}
.cnt223 .content {
    height: 310px;
    margin: 15px 0 25px;
    overflow-y: auto;
}
#register_popup .cnt223 .content {
    height: auto;
}
.cnt223 .content-scroller {
    padding: 0 18px 0 0;
}
label.agree_7day {
    display: flex;
    align-items: center;
}
label.agree_7day input {
    margin-right: 5px;
}
.agree-button {
    color: #1c1c1c;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    background: #dedfb3;
}
.agree-button:hover {
    background: #b4b77b;
}
@media (max-width:1023px) {
    .cnt223 {
        border: none;
        color: #000;
        min-width: 100%;
        width: 100%;
        min-height: 100%;
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 103;
        padding: 20px;
        position: fixed;
        left: 0;
        top: 0;
        overflow-y: auto;
    }
    .cnt223 .content {
        height: 65%;
    }
    #register_popup .cnt223 {
        top: 0;
    }
}

/* Radio */
.radio-label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-right: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-label input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.radio-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #919191;
    border-radius: 50%;
}
.radio-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.radio-label input:checked ~ .checkmark:after {
    display: block;
}
.radio-label .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #919191;
}
/* Checkbox */
/* The container */
.checkbox-label {
    line-height: 18px;
    display: block;
    position: relative;
    padding: 0 0 0 30px!important;
    cursor: pointer;
    margin: 8px 0;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkbox-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #919191;
}
/* When the checkbox is checked, add a blue background */
/* .checkbox-label input:checked ~ .checkmark {
    background-color: #919191;
} */
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-label input ~ .checkmark:after {
    content: '✓';
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
    content: '';
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}

select {
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
}
.select {
    width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0;
    font-size: 14px;
    line-height: 20px;
    color: rgb(28, 28, 28);
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.is-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.desktop-only {
    display: block;
}
.mobile-only {
    display: none;
}
@media (max-width:767px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
}
/*To remove button from IE11*/
select::-ms-expand {
    display: none;
}
.selectdiv {
    position: relative;
}
.selectdiv:after {
    content: '';
    right: 12px;
    top: 10px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #1c1c1c transparent transparent transparent;
    border-radius: 2px;
}
.selectdiv select {
    font-size: 14px;
    line-height: 20px;
    color: rgb(28, 28, 28);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: auto;
    /* Add some styling */
    display: block;
    width: 100%;
    margin: 2px 0;
    padding: 0px 12px;
}
.search-box .selectdiv select {
    height: 38px;
    margin: 5px 0px;
    border: 1px solid #aaa;
    background: white;
}
.search-box .selectdiv:after {
    content: '';
    top: 16px;
}
.with-search .selectdiv:after {
    content: '';
    top: 21px;
}
/* .arrow {
    border: solid #1c1c1c;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
} */
.arrow {
    position: absolute;
    top: 128px;
    z-index: 999;
    display: block;
    padding: 0;
    width: auto;
    height: auto;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}
.arrow.back {
    left: 0;
    border-radius: 0 2px 2px 0;
}
.arrow.back a {
    content: '';
    opacity: 0.8;
    width: 25px;
    height: 44px;
    background: url(../images/slide-arrow.svg) no-repeat white -1px center;
    display: block;
    transition: 0.2s all ease;
    border-bottom-right-radius: 44px;
    border-top-right-radius: 44px;
}
.arrow.forward {
    right: 0;
}
.arrow.forward a {
    content: '';
    opacity: 0.8;
    width: 25px;
    height: 44px;
    background: url(../images/slide-arrow.svg) no-repeat white -1px center;
    display: block;
    transform: rotate(180deg);
    transition: 0.2s all ease;
    border-bottom-right-radius: 44px;
    border-top-right-radius: 44px;
}
.arrow.back a:hover, .arrow.forward a:hover {
    opacity: 1.0;
}
.background_img {
    width: 100%;
}
/* @media (min-width: 2048px) { 
	.background_img {
		 background-size: auto 100%!important;
	}
} */
@media (min-width: 1152px) {
    .background_img {
        background-size: 1152px!important;
    }
}
@media (max-width: 1152px) {
    .background_img {
        background-size: 100%!important;
    }
}
@media (max-width:1023px) {
    .arrow {
        top: 128px;
    }
}
@media (max-width:767px) {
    .arrow {
        top: 28px;
    }
    .with-search .selectdiv:after {
        content: '';
        top: 16px;
    }
}
.arr-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.arr-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.arr-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.arr-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.note-content span {
    font-weight: 500;
}
table {
    overflow: hidden;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-bottom: 1px solid #bebebe;
}
table .table__head {
    font-weight: 400;
}
table.table-statement thead th {
    font-weight: 400;
}
table td.feature {
    color: #fff;
    font-weight: 400;
    background-color: #92b8d6;
    background-color: #d8c3ab;
}
/* table.table-statement td {
    border-right: none;
} */
td, th {
    font-size: 14px;
    line-height: 18px;
    padding-top: .50429em;
    padding-bottom: .48143em;
    position: relative;
    outline: 0;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid white;
}
table th {
    text-align: left;
    white-space: nowrap;
    vertical-align: bottom;
    border-top: 1px solid #bebebe;
}
table th>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
table td {
    font-weight: 300;
    white-space: nowrap;
    border-top: 1px solid #bebebe;
}
table td a.recommend {
    text-decoration: underline;
}
table.column-list {
    margin-bottom: 35px;
}
table.column-list td {
    font-weight: 300;
    white-space: nowrap;
    background-color: #f9f9f9;
    border-top: 1px solid #bebebe;
}
table.column-list tr:nth-child(odd) td {
    background-color: #f2f2f2;
}
table.column-list tr td {
    width: 25%;
}
table.column-list tr td:nth-child(odd) {
    font-weight: 400;
}
table.result.table-simulator thead th:nth-child(2) {
    width: 7%;
}
table.result td:hover .up, table.result td:hover .down {
    color: white!important;
}
table.result th:before, table.result td:before {
    background-color: #f2f2f2;
    content: '';
    height: 100%;
    left: -5000px;
    position: absolute;
    top: 0;
    width: 10000px;
    z-index: -5;
}
table.result th:after, table.result td:after {
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -5;
}
table.result tbody tr:nth-child(odd) td:before {
    background-color: #f9f9f9;
    z-index: -4;
}
table.result th:hover, table.result td:hover {
    color: #fff;
    background-color: #92b8d6;
    background-color: #d8c3ab;
}
table.result th:hover:before, table.result td:hover:before {
    background-color: #bfd6eb;
    background-color: #ecdecd;
    z-index: -2;
}
table.result th:hover:after, table.result td:hover:after {
    background-color: #bfd6eb;
    background-color: #ecdecd;
    z-index: -1;
}
table.result tbody tr:nth-child(odd) td:hover:before {
    background-color: #bfd6eb;
    background-color: #ecdecd;
    z-index: -2;
}
table thead th sup {
    position: absolute;
    right: 17px;
    bottom: 20px;
}
@media (max-width:1023px) {
    table.column-list {
        margin-bottom: 30px;
        border-bottom: none;
    }
    table.column-list tr {
        background:  #f9f9f9!important;
    }
    table.column-list tr td {
        white-space: normal;
        background: #f9f9f9!important;
    }
    table.column-list tr td:nth-child(odd) {
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }
    table.column-list tr td:nth-child(even) {
        width: 55%;
        display: inline-block;
        background-color: #f9f9f9!important;
    }
    table.column-list tr td.display-none {
        display: none;
    }
}
.basecomponent {
    padding-top: 45px;
}
.sidecomponent {
    padding-top: 10px;
}
.sidecomponent.airbag {
    width: 60%;
}
.grid-container{
    padding-left:20px;
    padding-right:20px;
    max-width:100%;
    position: relative;
}
.grid-container-clear:before,.grid-container-clear:after{
    content:" ";
    display:table;
}
.grid-container-clear:after{
    clear:both;
}
.header-wrapper {
    margin-top: .9375rem;
    padding-bottom: .6875rem;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-end;
}
.header-logoTitle {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    flex-wrap: wrap;
}
.logo-forcedWidth {
    display: block;
    width: 66px;
}
.logo-img {
    height: 100%;
    width: auto;
}
.header-link-isVisible {
    display: none;
}
.header-hlTitleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-hlTitle {
    font: 300 1.125em/1.22222 Frutiger,Arial,Helvetica,sans-serif;
    color: #1c1c1c;
    padding-top: .16778rem;
    padding-bottom: .14333rem;
    word-break: break-word;
    text-align: left;
}
.metaNav-base {
    position: relative;
    display: flex;
    flex-shrink: 0;
}
.metaNav-item {
    position: relative;
}

.metaNav-item button:hover{background-color:#dfdfdf}
.metaNav-item-firstLevel {
    pointer-events: all;
    margin-right: 10px;
}
.metaNav-item-firstLevel:last-child {
    margin-right: 0;
}
.metaNav-item-dropdown {
    padding-right: 1.57143em;
    position: relative;
    padding: 0;
}
.domicileSelection-toggle {
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #1c1c1c;
    padding-top: .39571em;
    padding-bottom: .37571em;
    height: 35px;
    padding: 0 34px 0 15px;
    border: 1px solid #919191;
    border-radius: 1px;
}
.metaNav-hl {
    font-size: 14px;
    line-height: 35px;
    font-weight: 300;
    color: #1c1c1c;
    background: #fff;
    width: 35px;
    border: 1px solid #919191;
    border-radius: 1px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.metaNav-hl:hover{background-color:#dfdfdf}
.metaNav-hl-upperCase {
    text-transform: uppercase;
}
@media (max-width:1023px) {
    .basecomponent {
        margin-top: 20px;
        padding-top: 12px;
    }
}
@media (max-width:767px) {
    .sidecomponent.airbag {
        width: 100%;
    }
    .domicileSelection-toggle {
        font-size: 12px;
        line-height: 22px;
        padding: 0 15px;
        height: 24px;
    }
    .metaNav-hl {
        font-size: 12px;
        line-height: 22px;
        padding: 0 15px;
        width: auto;
    }
    .metaNav-item-firstLevel {
        margin-right: 5px;
    }
    .basecomponent {
        padding-bottom: 12px;
        margin-bottom: 10px;
    }
}
.headerSearch-toggle {
    color: #1c1c1c;
    width: 24px;
    background-color: white;
    border: 1px solid #919191;
    border-radius: 1px;
    text-align: center;
}
.headerSearch-toggle:before {
    content: "";
    background: url(../images/icon-search.svg) no-repeat;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: text-top;
    display: inline-block;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 12px;
    width: 12px;
}
.header_menuXs {
    transition: height .8s cubic-bezier(0.3,0.6,0,1);
    background-color: #fff;
    /* box-shadow: 0 1px 0 0 #dfdfdf; */
}
@media (max-width:767px) {
    .headerSearch-toggle:before {
        content: "";
        height: 12px;
    }
    .headerSearch-toggle {
        font: .75em/1 ubs-icons;
        color: #1c1c1c;
        width: 24px;
        background-color: white;
        border: 1px solid #919191;
        border-radius: 1px;
        text-align: center;
    }
}
/* .catnav_bottomline {
    display: none;
} */
.catnav_flex {
    display: flex;
    border: 0;
    justify-content: space-between;
    align-items: end;
}
/* .catnav_list {
    display: none;
} */
.catnav_link {
    display: inline-block;
}
.catnav_link--firstLevel, .catnav_link--level1, .catnav_link--secondLevel, .catnav_link--level2 {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #1c1c1c;
    padding-top: .33571em;
    padding-bottom: .30714em;
    margin-top: .42857em;
}
.catnav_link--level1.home-page {
    background: url(../images/icon-home.svg) no-repeat left center;
    width: 13px;
    height: 27px;
}
.catnav_item--level1:hover .catnav_link--level1.home-page {
    background: url(../images/icon-home.svg) no-repeat left center;
}
.catnav_item--level1.catnav_item-is-selected .catnav_link--level1.home-page {
    background: url(../images/icon-home.svg) no-repeat -26px center;
}
.catnav_item--firstLevel.catnav_item-is-selected,.catnav_item--firstLevel.catnav_item-is-childselected,.catnav_item--level1.catnav_item-is-selected,.catnav_item--level1.catnav_item-is-childselected{border-color:#e60000}
.catnav_item--secondLevel.catnav_item-is-selected,.catnav_item--secondLevel.catnav_item-is-childselected,.catnav_item--level2.catnav_item-is-selected,.catnav_item--level2.catnav_item-is-childselected{border-color:#646464}
.catnav_item:hover,.catnav_item:focus,.catnav_item-is-focus,.catnav_item-is-active{outline:0;border-color:#646464}

.catNav_item--level1 {
    padding-top: .46875em;
    padding-bottom: .46875em;
}
.catNav_list--level1:not(:first-child) {
    margin-left: 2.1875em;
}
.catNav_item--level1:not(:last-child) {
    padding-right: 30px;
}
.catnav_list--firstLevel, .catnav_list--secondLevel, .catnav_list--level1, .catnav_list--level2 {
    float: left;
}
.catnav_item--firstLevel, .catnav_item--secondLevel, .catnav_item--level1, .catnav_item--level2 {
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    border-bottom: 6px solid transparent;
    display: block;
}
.catnav_item--firstLevel:first-child, .catnav_item--secondLevel:first-child, .catnav_item--level1:first-child, .catnav_item--level2:first-child {
    margin-left: 0;
}
.catnav_item--level1:first-child {
    border-bottom: 0;
}
.catNav_item--relative {
    position: relative;
    font-weight: 300;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-align: right;
}
.catNav_item--relative img {
    vertical-align: text-top;
}
.catNav_item--relative span {
    font-weight: 400!important;
    /* padding-right: 10px; */
}
.catNav_item--relative a {
    /* font-weight: 400; */
    padding-left: 15px;
}
.catNav_label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #1c1c1c;
    padding-top: .18571em;
    padding-bottom: .15714em;
}
.catNav_label a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #1c1c1c;
    padding-top: .18571em;
    padding-bottom: .15714em;
    display: block;
    cursor: pointer;
    display: inline-block;
}
@media (max-width:1023px) {
    a.catNav_label {
        display: initial!important;
        padding-left: 30px;
    } 
}
/* Mobile menu */
.header-nav {
    padding-top: .9375em;
    padding-bottom: .46875em;
    width: 100%;
    background-color: #fff;
    z-index: 4;
}
.header-hlLink-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mainNav-burger {
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mainNav-burgerItem {
    width: 23px;
    height: 16px;
    position: relative;
    display: inline-block;
}
@media (min-width:768px) {
    .header-nav {
        padding-bottom: 18px;
        padding-top: 19px;
    }
}
/* Sticky menu */
/* .header-nav-sticky {
    padding-left: 1.25em;
    position: fixed;
    left: 0;
    top: -40px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.13);
    box-shadow: 0 10px 10px rgba(0,0,0,0.13);
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 20;
    -webkit-transition: all 600ms cubic-bezier(0.175,0.885,0.32,1.275);
    transition: all 600ms cubic-bezier(0.175,0.885,0.32,1.275);
    height: 40px;
    top: -40px;
    transition: top 0.2s ease-in-out;
}
.header-nav-sticky .header-hlTitle {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-up {
    top: -40px;
}
.nav-down {
    top: 0;
} */

@media(min-width:768px){
    .grid-container {
        padding-left:34px;
        padding-right:34px;
    }
    .header-wrapper {
        margin-top: 1.625rem;
        padding-bottom: .9375rem;
    }
    .logo-forcedWidth {
        width: 107px;
    }
    .header-hlTitle {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.25em;
        padding-top: .05rem;
        padding-bottom: .025rem;
    }
    .metaNav-base {
        margin-top: .125em;
    }
    .metaNav-hl {
        height: 35px;
    }
    .headerSearch-toggle {
        font: .8125em/1 ubs-icons;
        padding-top: .76923em;
        padding-bottom: .76923em;
    }
    .headerSearch-toggle {
        width: 35px;
        height: 35px;
    }
}
@media(min-width:1024px){
    .grid-container {
        padding-left:42px;
        padding-right:42px
    }
    .header-wrapper {
        padding-bottom: 1.5625rem;
        margin-top: 0;
    }
    .header-logo {
        margin-top: 1.625rem;
        margin-right: 26px;
    }
    .header-title {
        margin-top: 1.875em;
    }
    .header-link {
        margin-right: 60px;
    }
    .header-link-isVisible {
        display: inline-block;
    }
    /* .metaNav-base {
        margin-top: 1.75em;
    } */
    .metaNav-list {
        display: inline-block;
    }
    .metaNav-item-dropdown {
        padding-right: 1.375em;
        position: relative;
    }
    .metaNav-item-dropdown {
        padding: 0;
    }
    .metaNav-hl {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        padding-top: .55em;
        padding-bottom: .52143em;
    }
    .header_menuXs {
        box-shadow: none;
    }
    .catnav_bottomline {
        border-bottom: 1px solid #bebebe;
        display: block;
    }
    .catnav_level2 {
        height: 43px;
    }
    #home_catnav.catnav_level2 {
        height: 0;
    }
    .catnav_list {
        padding-right: 20px;
        display: block;
        -webkit-box-flex: 3;
        flex: 3 1 0;
        max-width: 100%;
    }
    .catNav_label {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        padding-top: .18571em;
        padding-bottom: .15714em;
    }
}
.metaNav-list-firstLevel {
    display: flex;
    pointer-events: none;
}
.catNav_list--level1 {
    display: flex;
}
@media(min-width:1280px){
    .grid-container{
        padding-left:64px;
        padding-right:64px;
        width:80rem;
        margin-left:auto;
        margin-right:auto;
        position: relative;
    }
    .header-logo {
        margin-top: 1.875rem;
        margin-right: 30px;
    }
    .logo-forcedWidth {
        width: 127px;
    }
    .header-link {
        margin-right: 75px;
    }
    .header-hlTitle {
        font-size: 27px;
        font-weight: 300;
        line-height: 20px;
        padding-top: .01074rem;
        padding-bottom: 0;
        margin-bottom: -0.01444rem;
    }
    .metaNav-base {
        margin-top: 2.1875em;
    }
}
@media (min-width: 768px) {
    .metaNav-hl {
        height: 35px;
    }
}

.metaNav-item-dropdown:after {
    font-family: "ubs-icons";
    content: "";
    background: url(../images/icon-dropdown.svg) no-repeat;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: .12571em;
    padding-bottom: .21714em;
    width: 14px;
    height: 20px;
}
@media (min-width: 1024px) {
    .metaNav-item-dropdown:after {
        padding-top: .085em;
        padding-bottom: .1775em;
    }
}
.metaNav-item-dropdown:after {
    display: none;
    pointer-events: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
@media (min-width: 768px) {
    .metaNav-item-dropdown:after {
        display: block;
        right: 10px;
        top: 7px;
    }
}

@media(min-width:768px){}
@media(min-width:1024px){}
@media(min-width:1280px){}

input[type=text] {
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
    width: 100%;
    font-weight: 300;
    line-height: 20px;
    box-sizing: border-box;
    border: none;
}
:focus {
    outline: none;
}
.text {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: rgb(28, 28, 28);
}
.pageheadline {
    font-size: 50px;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 10px;
    overflow-wrap: break-word;
}
.subheadline {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    padding-bottom: 15px;
    font: 300 2.5em/1 Frutiger,Arial,Helvetica,sans-serif;
    padding-top: 35px;
    padding-bottom: .19em;
}
.hlUnderline {
    height: .375em;
    width: 2.5em;
    margin-top: 1.875em;
    margin-top: 24px;
    background-color: #e60000;
    display: block;
}
.hldivider {
    border-top: 1px solid #bebebe;
    margin-bottom: 30px;
}
.warning, .warning_home { 
    color: white;
    background-color: #e60000; 
    padding: 5px 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    border-radius: 2px;
    display: flex;
}
.warning_home {
    margin-top: 10px;
}
.warning img, .warning_home img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.up { color: #6a7d39!important;}
.down { color: #b60000!important;}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #6a7d39;
}
.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #b60000;
}
.tab {
    overflow: hidden;
    border: 1px solid #aaa;
    padding: 2px;
}
.tab button {
    font-family:'Frutiger',Arial,Helvetica,sans-serif;
    color: #bebebe;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
    transition: 0.3s;
    font-size: 15px;
    border-radius: 2px;
    background-color: #fafafa;
    font-weight: 300;
}
.tab.two-tabs button {
    width: calc(50% - 1px);
}
.tab button:not(:last-child) {
    margin-right: 2px;
}
.tab button:hover {
}
.tab button.active {
    color: white;
    background-color: #646464;
}
.tabcontent {
    display: none;
    margin-top: 5px;
}
.timeslot {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    color: #717171;
}
.time-refresh {
    background: url(../images/time-refresh.svg) no-repeat center center #646464;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 2px;
}
.time-refresh:hover {
    background: url(../images/time-refresh.svg) no-repeat center center #585148;
}
.caption {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #646464;
    pointer-events: auto;
}
.promotion_hl {
    font-size: 40px;
    line-height: 20px;
    font-weight: 300;
    padding-top: .187em;
    padding-bottom: .163em;
}
.promotion_txt p {
    font-size: 20px;
    line-height: 22px;
    padding-top: .039em;
    padding-bottom: .011em;
    margin-top: .775em;
}
.promotion_wrapper .actionbutton_base:not(:first-child) {

}

@media (max-width:767px) {
    .pageheadline {
        font-size: 34px;
        line-height: 1;
        font-weight: 300;
    }
}
@media (min-width: 768px) {  
    .filterPanel .first-col {
        width: 23%;
    } 
    .filterPanel .second-col {
        width: 60%;
    }
    .filterPanel .second-col .search-holder .search-item:first-child {
        width: 50%;
    }
    .filterPanel .second-col .search-holder .search-item:nth-child(2) {
        width: 5%;
    }
    .filterPanel .second-col .search-holder .search-item:last-child {
        width: 45%;
    }
    /* .filterPanel .third-col {
        width: 12%;
    } */
}
.filterPanel {
    margin-top: 35px;
    padding-bottom: 25px;
    display: flex;
    border-bottom: 2px solid #585148;
    align-items: flex-end;
}
@media (min-width: 1024px) {  
    .filterPanel .first-col {
        width: 20%;
    } 
    .filterPanel .second-col {
        width: 70%;
    }
    .filterPanel .second-col .search-holder .search-item {
        width: 100%;
    }
    .filterPanel .actionbutton {
        margin-left: 10px;
    }
}
@media (min-width: 1280px) {  
    .filterPanel .first-col {
        width: 25%;
    }
    .filterPanel .second-col {
        width: 65%;
    }
}
.richtext {
    font-size: 16px;
    line-height: 1.75em;
    height: 1.75em;
}
.richtext_text {
    font-size: 18px;
    line-height: 21px;
}
.richtext_headline {
    font-size: 18px;
    line-height: 21px;
    /* font-weight: 600; */
    padding-bottom: 10px;
    overflow-wrap: break-word;
}
.linklist-wrapper {
    padding-bottom: 20px;
}
.linklist-wrapper.display_flex {
    display: flex;
    padding-bottom: 0;
}
.linklist-wrapper .timeslot {
    padding-left: 50px;
}
.table-result>div.scenario {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    line-height: 1.5rem;
    border-bottom: 1px solid #1c1c1c;
    display: initial;
}
.education {
	padding-top: .4025em;
    padding-bottom: .38083em;
    margin-top: .78125em;
}
.education:last-child {
	padding-bottom: 0;
}
.education ul {
	padding-left: 19px;
}
.education ul .equation {
    display: flex;
    align-items: center;
}
.education ul .equation .box {
    background-color: #eef4f0;
    border: 1px solid #c6d9ce;
    padding: 20px 12px;
    text-align: center;
    min-height: 80px;
}
.education ul .equation .symbol {
    margin: 0 10px;
}
.education .caption {
    font-size: 12px;
    line-height: normal;
    padding: 5px 0;
}
.education ul p {
    margin: 15px 0;
    font-weight: 300;
    line-height: 21px;
}
.education ul p a {
    color: #007099;
    text-decoration: underline;
}
.education ul.ul-decimal{
	font-weight: 400;
    margin-top: 10px;
}
.education ul.ul-decimal li{
	list-style: decimal;
	font-family: 'Frutiger',Arial,Helvetica,sans-serif;
	padding-top: .145em;
	padding-bottom: .1175em;
	margin-bottom: 10px;
}
.education ul.ul-decimal li:last-child .table-holder {
	padding-bottom: 0;
}
.education .block {
    margin-top: 30px;
    width: 800px;
}
.education .subtitle {
    text-align: center;
}
.education ul.ul-disc {
	margin: 0.5em 0;
}
.education ul.ul-disc li{
	list-style: disc;
	font-family: 'Frutiger',Arial,Helvetica,sans-serif;
	padding-top: .145em;
	padding-bottom: .25em;
	margin-bottom: 0;
}
.education ul.ul-lower-alpha {
	margin-top: 10px;
}
.education ul.ul-lower-alpha li{
	list-style: lower-alpha;
	font-family: 'Frutiger',Arial,Helvetica,sans-serif;
	padding-top: .145em;
	padding-bottom: .25em;
	margin-bottom: 0;
}
.education ul.ul-lower-alpha li .list-content {
    font-size:16px;
    line-height: normal;
    font-weight: 300;
    padding-bottom: 10px;
}
.education .legend {
    font-size: 12px;
    line-height: 21px;
    color: #333;
    padding-bottom: 10px;
}
.education .legend .legend-01, .education .legend .legend-02, .education .legend .legend-03 {
    display: flex;
    align-items: center;
}
.education .legend .legend-01:before {
    content: '';
    width: 39px;
    height: 1px;
    border-top: 4px dotted #231815;
    margin-right: 8px;
}
.education .legend .legend-02:before {
    content: '';
    width: 36px;
    height: 1px;
    border-top: 4px dashed #953D36;
    margin-right: 8px;
}
.education .legend .legend-03:before {
    content: '';
    width: 36px;
    height: 1px;
    border-top: 4px solid #8FC31F;
    margin-right: 8px;
}
.education .note-content {
    margin-top: 0;
}
.education .note-content p {
    line-height: 18px;
}
@media (max-width:767px) {
    .linklist-wrapper.display_flex {
        justify-content: space-between;
    }
    .linklist-wrapper .timeslot {
        padding-left: 0;
    }
    .education ul .equation .symbol {
        margin: 0px 5px;
    }
    .education ul .equation .box {
        padding: 15px 5px;
        min-height: 80px;
        font-size: 13px;
    }
    .richtext {
        font-size: 16px;
        line-height: 1.25em;
        height: auto;
    }
    .education .block {
        width: 100%
    }
    .education .legend {
        margin-top: 5px;
        font-size: 12px;
        line-height: 18px;
        color: #333;
    }
    .education .legend .legend-01:before {
        content: '';
        width: 35px;
        height: 1px;
        border-top: 3px dotted #231815;
    }
    .education .legend .legend-02:before {
        content: '';
        border-top: 3px dashed #953D36;
    }
    .education .legend .legend-03:before {
        content: '';
        border-top: 3px solid #8FC31F;
    }
}

/* Disclaimer */
.disclaimer {
	padding-top: .4025em;
    padding-bottom: .38083em;
    margin-top: .78125em;
}
.disclaimer p {
    margin: 15px 0;
    font-weight: 300;
    line-height: 21px;
}
.disclaimer a {
    white-space: nowrap;
    border-bottom: 1px solid #1c1c1c ;
}

.search-holder {
    border-style: solid;
    border-color: rgb(170, 170, 170);
    display: flex;
    position: relative;
}
.buttoninfo {
    background: url(../images/icon-info.svg) no-repeat center #78cae7;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: all ease-in 0.1s;
    margin-left: 5px;
    vertical-align: middle;
}
.lastprice .buttoninfo {
    vertical-align: super;
    vertical-align: top;
}

.filterPanel .first-col .search-holder {
    border-width: 1px 0 1px 1px;
}
.filterPanel .second-col .search-holder {
    border-width: 1px 1px 1px 0;
}
.filterPanel .first-col .search-holder .search-item {
    padding: 10px 0;
    padding-right: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filterPanel .first-col .search-holder .search-item>div:first-child {
    width: calc(100% - 40px);
}
.filterPanel .first-col .search-holder .search-item::after {
    content: "";
    position: absolute;
    background: rgb(170, 170, 170);
    width: 1px;
    top: 4px;
    bottom: 4px;
    right: 0px;
}
.filterPanel .second-col .search-holder .search-item {
    padding: 10px 0 6px 0;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    min-width: 29%;
    height: 100%;
}
.filterPanel .second-col .search-holder .search-item:not(:last-of-type)::after {
    content: "";
    position: absolute;
    background: rgb(170, 170, 170);
    width: 1px;
    top: 4px;
    bottom: 4px;
    right: 0px;
}
.filterPanel .second-col .search-holder .search-item .search-group {
    display: flex;
    justify-content: space-between;
}

.filterPanel .actionbutton {
    margin-left: 20px;
    /* min-width: 110px; */
}
.filterPanel .productSearch {
    background: url(../images/icon-search.svg) no-repeat center #ecebeb;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all ease-in 0.1s;
}
.filterPanel .productSearch:hover {
    background-color: #cfcfcf;
}
@media (max-width:1023px) {
    .filterPanel .actionbutton {
        margin-left: 10px;
    }
}
@media (max-width:767px) {
    .filterPanel {
        display: block;
    }
    .filterPanel .first-col {
        margin-bottom: 10px;
    }
    .filterPanel .first-col .search-holder {
        border-width: 1px;
    }
    .filterPanel .first-col .search-holder .search-item::after {
        display: none;
    }
    .filterPanel .second-col {
        margin-bottom: 15px;
    }
    .filterPanel .second-col .search-holder {
        border-width: 1px;
    }
    .filterPanel .actionbutton {
        margin-left: 0;
        width: 100px;
    }
}
.item-title {
    font-size: 12px;
    line-height: 16px;
    color: rgb(100, 100, 100);
    padding-left: 12px;
    display: block;
    font-weight: 300;
}
.item-option {
    font-size: 14px;
    color: rgb(28, 28, 28);
    padding-left: 12px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.loaded {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.actionbutton {
    display: block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border: 0;
    outline: 0;
    white-space: nowrap;
    max-width: 100%;
}
.actionbutton_overflowWrapper {
    padding-right: 1.0625em;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.actionbutton_txtWrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    border-radius: 2px;
}
.actionbutton_txtWrapper:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    -webkit-transform: translateY(-50%) scale(0.9999);
    transform: translateY(-50%) scale(0.9999);
    top: 50%;
    border-left: 1.5625em solid currentColor;
    border-left-style: solid;
    border-bottom: 3.125em solid transparent;
    border-top: 3.125em solid transparent;
    border-left-width: 1.5625em;
    right: 0;
}
.actionbutton_txtWrapper:after {
    border-right-color: #427c99;
    border-left-color: #427c99;
}
.actionbutton_txtWrapper.actionbutton_color--atlantic {
    background: #427c99;
    border: 1px solid transparent;
}
.actionbutton_txtWrapper:hover:after {
    border-right-color: #255d78;
    border-left-color: #255d78;
}
.actionbutton_txtWrapper:hover.actionbutton_color--atlantic {
    background: #255d78;
    border: 1px solid transparent;
}
.actionbutton_txt {
    padding: 0 20px;
    text-align: left;
    display: block;
    padding-right: 13px;
    max-width: 100%;
}
.actionbutton_title {
    padding: 20px 0;
    color: #fff;
    display: block;
    overflow: hidden;
}
@media (max-width:767px) {
    .actionbutton_title {
        padding: 12px 0;
        font-weight: 300;
    }
}
.dashboardPanel {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.dashboardPanel .first-col {
    width: 370px;
}
.dashboardPanel .second-col {
    width: 760px;
    width: calc(100% - 392px);
}
.dashboardPanel .search-box {
    margin-bottom: 20px;
}

@media(max-width:1179px) {
    .dashboardPanel .first-col {
        width: 300px;
    }
    .dashboardPanel .second-col {
        width: calc(100% - 322px);
    }
}
@media (max-width:1023px) {
    .dashboardPanel {
        flex-direction: column;
    }
    .dashboardPanel .first-col {
        width: 100%;
        margin-bottom: 20px;
    }
    .dashboardPanel .second-col {
        width: 100%;
    }
}
@media (max-width:767px) {
    .dashboardPanel {
        flex-direction: column;
    }
    .dashboardPanel .first-col {
        width: 100%;
        margin-bottom: 20px;
    }
    .dashboardPanel .second-col {
        width: 100%;
    }
}
.name_linkHl {
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 5px;
}
.price-change {
    display: flex;
    align-items: baseline;
}
.price {
    font-size: 36px;
    font-weight: 500;
}
.value {
    padding-left: 10px;
    font-size: 20px;
    font-weight: 300;
}
.value .arrow-up, .value .arrow-down {
    margin-right: 5px;
    display: inline-block;
}
.h-chart {
    margin-top: 15px;
    margin-bottom: 5px;
}

.search-block {
    background: #fafafa;
    display: none;
}
.search-block .search-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 465px;
    margin: 0 auto;
    padding: 32px 0 37px;
}
.search-block .search-area>div {
    display: flex;
    border-bottom: 1px solid #767676;
    align-items: center;
    padding: 0 10px;
}
.search-block .search-area input[type=text] {
    font-size: 45px;
    line-height: 50px;
    color: #646464;
    width: 100%;
    box-sizing: border-box;
    background: none;
    border: none;
    font-weight: 300;
}
.search-block .search-area .productSearch {
    background: url(../images/icon-search.svg) no-repeat center;
    width: 32px;
    height: 32px;
    transition: all ease-in 0.1s;
    background-size: 30px;
}
.feature-products {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.feature-products > div {
    padding: 13px 12px 13px 18px;
    width: calc(50% - 10px);
}
.feature-products > div.long-area {
    display: flex;
    align-items: center;
    background: #eef4f0;
    justify-content: space-between;
}
.feature-products > div.long-area {
    display: flex;
    align-items: center;
    background: #eef4f0;
    justify-content: space-between;
    position: relative;
}
.feature-products > div.short-area {
    display: flex;
    align-items: center;
    background: #f2e6e1;
    justify-content: space-between;
    position: relative;
}
.feature-products .price-change {
    padding: 8px 0 5px 0;
}
@media (max-width:1023px) {
    .feature-products {
        flex-direction: column;
    }
    .feature-products > div {
        width: 100%;
    }
}
@media (max-width:767px) {
    .feature-products {
        flex-direction: column;
    }
    .feature-products > div {
        padding: 13px 12px 13px 18px;
        width: 100%;
    }
    .search-block .search-area {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    .search-block .search-area>div {
        width: 100%;
    }
    .search-block .search-area input[type=text] {
        font-size: 22px;
        line-height: 20px;
        color: #1c1c1c;
        width: 100%;
        box-sizing: border-box;
        background: none;
        border: none;
        font-weight: 300;
    }
    .search-block .search-area .productSearch {
        width: 35px;
        height: 35px;
        background-size: 25px;
    }
}
@media (max-width:767px) {
    .feature-products > div {
        padding: 13px 12px;
        width: 100%;
    }
}
.bid-ask-area {
    display: flex;
}
.bid-ask {
    width: 50%;
    font-weight: 300;
}
.bid-ask-name {
    font-weight: 400;
    padding-right: 10px;
}
.entry-link {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
}
.entry-link .arrow {
    padding: 4px;
}

/* Footer */
.footer_base {
    padding-top:75px;
}
.footer_topline {
    margin-bottom: 22px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.backtotop_base {
    margin-top: 32px;
    margin-top: 22px;
}
.backtotop_link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #1c1c1c;
    padding-right: 20px;
    position: relative;
    display: inline-block;
}
.backtotop_link:hover {
    color: #222;
    text-decoration: underline;
}
.backtotop_link:after {
    content: '';
    border: solid #1c1c1c;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    vertical-align: baseline;
    display: inline-block;
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.footer_highlight {
    padding-top: 35px;
}
.footer_highlight-top {
    padding-bottom: 32px;
    background-color: #fafafa;
}
.footer_highlight-bottom {
    padding-bottom: 32.5px;
    background-color: #f5f5f5;
}
.footer_linksList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.footer_linksLink {
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
    color: #444;
    padding-right: 10px;
    display: inline-block;
}
.footer_linksLink:hover {
    text-decoration: underline;
}
.footer_linksItem:not(:first-child) .footer_linksLink::before {
    float: left;
    margin-right: 10px;
    border-left: 1px solid #919191;
    content: "";
    height: 16px;
    margin-top: 4px;
}
.footer_breadcrumb {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer_breadcrumbTxt {
    font-size: 14px;
    line-height: 34px;
    font-weight: 300;
    padding-right: 10px;
}
.footer_breadcrumbList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer_breadcrumbItem:not(:last-child) {
    padding-right: 16px;
    position: relative;
    margin-right: 10px;
}
.footer_breadcrumbLink {
    color: #717171;
    font-size: 14px;
    line-height: 34px;
    font-weight: 300;
    padding-top: 0;
    padding-bottom: 0;
}
.footer_breadcrumbLink:hover {
    color: #222;
    text-decoration: underline;
}
.footer_breadcrumbItem:not(:last-child):after {
    content: "";
    border: solid #1c1c1c;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.footer_disclaimer:not(:first-child) {
    margin-top: 25px;
}
.footer_disclaimer p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #646464;
    margin: 15px 0;
}
.doormat_base {
    margin-top: 45px;
    clear: both;
}
.grid-row {
    display: flex;
}
.grid-cell {
    width: 25%;
    margin-bottom: 35px;
}
.linklist_base {
    padding-right: 25px;
}
.footer_base .linklist_hl {
    font-size: 14px;
    line-height: 22px;
    color: #1c1c1c;
    text-decoration: underline;
    text-decoration: none;
}
.doormat_base .linklist_list {
    margin-top: 5px;
}
.doormat_base .linklist_list:before, .doormat_base .linklist_list:after {
    content: " ";
    display: table;
}
.doormat_base .listitem_link {
    color: #717171;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    padding-top: 0;
    padding-bottom: 0;
}
.doormat_base .listitem_link:hover {
    color: #222;
    text-decoration: underline;
}
@media (max-width:1023px) {
    .footer_base {
        padding-top:22px;
    }
}
@media (max-width:767px) {
    .footer_base {
        padding-top:20px;
    }
    .footer_highlight {
        padding-top: 22px;
    }
    .footer_highlight-top {
        padding-bottom: 22px;
    }
    .footer_highlight-bottom {
        padding-bottom: 22px;
    }
    .grid-row {
        display: flex;
        flex-direction: column;
    }
    .grid-cell {
        width: 100%;
        margin-bottom: 15px;
    }
    .linklist_base {
        padding-right: 0;
    }
    .doormat_base {
        margin-top: 35px;
    }
    .doormat_base .listitem_link {
        line-height: 36px;
    }
    .doormat_base .linklist_list {
        margin-top: 0;
    }
}

/* Highchart */
.highcharts-container text {
    font-weight: 400!important;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif!important;
}
.highcharts-container .tooltipElement {
    z-index: 1;
}
.highcharts-axis-labels {
    z-index: 100;
}
.highcharts-axis-labels text {
    font-weight: 300!important;
    font-size: 10px!important;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif!important;
}
.highcharts-tooltip {
    z-index: 10000;
}
.highcharts-tooltip span {
    font-weight: 300!important;
    font-size: 11px!important;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif!important;
}
.charttooltip .last {
    font-weight: 400!important;
}
.yAxisLabel {
    background-color: white;
    z-index: 100;
  }

/* Social Media */
.socialfollowus_base {
    float: right;
    margin-bottom: 0;
    padding-bottom: 0;
}
.socialfollowus_label {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
}
.socialfollowus_list {
    float: left;
    position: relative;
}
.socialfollowus_list>.socialfollowus_item {
    float: left;
}
.socialfollowus_item:not(:last-child) {
    margin-right: 10px;
}
.socialfollowus_link {
    display: block;
    border: 1px solid #919191;
    border-radius: 1px;
}
.socialfollowus_link:hover{
    background-color:#ececec;
    border-color:#ececec;
}
@media (max-width:767px) {
    .socialfollowus_base {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 7px;
        float: none;
        display: flex;
    }
    .socialfollowus_base:after {
        content: '';
        clear: both;
    }
    .footer_breadcrumbTxt {
        width: 100%;
    }
}
/* Search */
.main-search-holder {
    display: block;
    margin-bottom: 40px;
}
.main-search-row {
    display: flex;
    margin-bottom: 20px;
}
.main-search-item {
    min-width: calc((100% - 75px) / 4);
}
/* .main-search-item .search-box {
    margin-bottom: 20px;
} */
.main-search-item:not(:last-child) {
    padding-right: 25px;
}

@media (max-width:767px) {
    .main-search-row {
        display: block;
    }
    .main-search-item:first-child {
        width:100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .main-search-item:nth-child(2) {
        min-width: 100%;
        padding-right: 0;
        display: inline-block;
    }
    .main-search-item:last-child {
        min-width: 100%;
        display: inline-block;
        padding-right: 0;
    }
    .main-search-item:not(:last-child) {
        padding-right: 0;
    }
}
@media (max-width:414px) {
    .main-search-row {
        flex-direction: column;
    }
    .main-search-item {
        width: 100%;
    }
    .main-search-item:not(:last-child) {
        padding-right:0;
        margin-bottom: 10px;
    }
}
@media (max-width:360px) {
    .main-search-row {
        margin-bottom: 15px;
    }
    .main-search-item:not(:last-child) {
        margin-bottom: 5px;
    }
}
.button-row {
    display: flex;
}
.button-row button:not(:last-child) {
    margin-right: 10px;
}
@media (max-width:767px) {
    .button-row button:not(:last-child) {
        margin-right: 10px;
    }
}
.search-button {
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    color: white;
    border-radius: 2px;
    padding: 10px 20px;
    background: #e60000;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
}
.search-button:hover {
    background: #7a1d17;
}
.reset-button {
    color: #1c1c1c;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    border: 1px solid #919191;
}
.reset-button:hover {
    border: 1px solid #1c1c1c;
}
.export-button {
    color: #1c1c1c;
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    border-radius: 2px;
    padding: 10px 20px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    background: #dedfb3;
}
.export-button:hover {
    background: #b4b77b;
}
.export-button:before {
    content: '';
    background: url(../images/button-export.svg) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.note-content {
    margin-top: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #717171;
    text-align: justify;
}
.note-content p {
    margin: 5px 0;
}
.note-content ul {
    padding-left: 15px;
    list-style: decimal;
}
.note-content ul li {
    padding: 5px 0;
}

/* Simulator */
.main-simulator-holder {
    display: block;
    margin-bottom: 40px;
}
.main-simulator-row {
    display: flex;
    margin-bottom: 20px;
}
.main-simulator-item {
    padding-right: 100px;
}
.titletext {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #b89d83;
}
.main-search-row.mix .titletext {
    margin-top: 5px;
    line-height: 38px;
}
.main-trend-row {
    display: flex;
    margin-bottom: 35px;
}
table.table-simulator input[type=number] {
    width: 100%;
    line-height: 24px;
    box-sizing: border-box;
    border:1px solid #919191;
    padding: 0 5px;
    font-weight: 400;
}
@media (max-width:767px) {
    .main-simulator-row {
        justify-content: space-between;
    }
    .main-trend-row {
        justify-content: space-between;
    }
    .main-trend-row .radio-label {
        margin-right: 15px;
    }
    .main-simulator-item {
        padding-right: 20px;
    }
    .main-simulator-item:last-child {
        padding-right: 0;
    }
}
@media (max-width:375px) {
    .main-simulator-item {
        padding-right: 0;
    }
    .main-trend-row {
        margin-bottom: 25px;
    }
    .main-trend-row .radio-label {
        margin-right: 10px;
    }
}
@media (max-width:320px) {
    .main-simulator-row {
        flex-direction: column;
    }
    .main-simulator-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .main-trend-row {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .main-trend-row .radio-label {
        margin-bottom: 10px;
        margin-right: 0;
    }
}
/* Table */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}
.sorting {
    float: right;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sorting .ascending {
    width: 8px;
	height: 8px;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #222 transparent;
    border-style: solid;
    display: block;
    margin-bottom: 3px;
}
.sorting .descending {
    width: 8px;
	height: 8px;
	border-width: 4px 4px 0 4px;
	border-color: #222 transparent transparent transparent;
    border-style: solid;
    display: block;
    margin-top: 3px;
}
.sorting .ascending.active{
    border-color: transparent transparent #9c3f38 transparent;
}
.sorting .descending.active{
    border-color: #9c3f38 transparent transparent transparent;
}
#table_search_result th, #announcement_result th, #dividend_result th{
	cursor: pointer;
}
.table-result {
    position: relative;
}
.table-result>div {
    font-weight: 300;
    padding-bottom: 10px;
}
.table-result span.number {
    font-weight: 500;
    padding-right: 8px;
}
.result-number {
    font-weight: 300;
    position: absolute;
    top: 1px;
}
.table-holder {
    overflow-x: auto;
    width: 100%;
}
.sidecomponent .table-result {
    margin-bottom: 5px;
}
.sidecomponent .table-holder {
    margin-bottom: 20px;
}
.x_scroll {
    width: 100%;
    overflow-x: auto;
    position: initial;
}
.column-display {
    background: url(../images/button-display.svg) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 5px;
}

/* Pager */
.pager {
    display: flex;
    margin-top: 10px;
    margin-bottom: 25px;
    justify-content: space-between;
}
.show-result-page {
    width: 150px;
}
.show-result-page .selectdiv select {
    height: 38px;
    margin: 0;
    border: 1px solid #aaa;
}
.show-result-page .selectdiv:after {
    content: '';
    top: 16px;
}
.pager .group {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}
.pager .group a {
    padding: 0 7px;
}
.pager .group a.current {
    text-decoration: underline;
}
.pbtn {
    width: 20px;
    height: 20px;
}
.pbtn span {
    visibility: hidden;
}
.pbtn.prev.pgEmpty, .pbtn.next.pgEmpty {
    background-color: #919191;
}
.pbtn.prev {
    margin-right: 15px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background: url(../images/page-arrow.svg) no-repeat #646464;
}
.pbtn.next {
    margin-left: 15px;
    background: url(../images/page-arrow.svg) no-repeat #646464;
}
@media (max-width:767px) {
    .pager {
        flex-direction: column;
    }
    .show-result-page {
        margin-bottom: 20px;
    }
}
/* Terms */
.main-terms-holder {
    display: block;
    margin-bottom: 40px;
}
.main-terms-row {
    display: flex;
    justify-content: space-between;
}
.main-terms-item {
    width: calc((100% - 25px) / 2);
}
/* .main-terms-item:not(:last-child) {
    padding-right: 25px;
} */
.main-terms-item .relate-underlying {
    background: #f7f7f7;
    padding: 12px 15px;
    padding-bottom: 0;
}
@media (max-width:1023px) {
    .main-terms-holder {
        margin-bottom: 25px;
    }
    .main-terms-row {
        flex-direction: column;
    }
    .main-terms-item {
        width: 100%;
    }
    .main-terms-item:not(:last-child) {
        margin-bottom: 15px;
    }
}
.row-divider {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-holder .richtext_text {
    font-weight: 300;
}
.price-holder .richtext_text span {
    padding-left: 20px;
}
.price-holder .currency {
    font-size: 14px;
    font-weight: 300;
}
.price-holder .lastvalue {
    display: flex;
    align-items: baseline;
}
.price-holder .lastvalue .lastprice {
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    display: flex;
}
.price-holder .lastvalue .lastchange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
}
.price-holder .lastvalue.up .lastchange:before {
    content: '';
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #6a7d39 transparent;
    border-style: solid;
    display: inline-block;
    margin-right: 5px;
}
.price-holder .lastvalue.down .lastchange:before {
    content: '';
    border-width: 10px 8px 0 8px;
    border-color: #b60000 transparent transparent transparent;
    border-style: solid;
    display: inline-block;
    margin-right: 5px;
}
.bidask-holder { 
    font-size: 18px;
    font-weight: 300;
    background: #f5f5e8;
    padding: 0 10px;
    display: flex;
    height: 65px;
    align-items: center;
}
.bidask-holder>div {
    display: flex;
}
.bidask-holder div:not(:last-child) {
    padding-right: 20px;
}
.bidask-holder span.name {
    font-weight: 500;
    padding-right: 5px;
    display: flex;
}
@media (max-width:1179px) {
    .price-holder .lastvalue {
        margin-top: 10px;
        flex-direction: column;
    }
}
@media (max-width:1023px) {
    .price-holder .lastvalue {
        margin-top: 0;
        flex-direction: row;
    }
}
@media (max-width:767px) {
    .price-holder .lastvalue {
        margin-top: 0;
        flex-direction: row;
    }
    .row-divider {
        flex-direction: column;
        align-items: initial;
    }
    .main-terms-item:nth-child(2) .row-divider {
        flex-direction: column;
    }
    .main-terms-item:nth-child(2) .row-divider .price-holder {
        width: 100%;
    }
    .bidask-holder { 
        margin-top: 5px;
        height: 50px;
    }
}
.row-feature-terms {
    border-top: 2px solid #585148;
    border-bottom: 2px solid #585148;
    padding: 8px 0;
    margin-top: 10px;
}
.row-block {
    display: flex;
    justify-content: space-between;
}
.row-block .item {
    width: calc((100% - 50px) / 2);
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    font-weight: 300;
}
.row-block .item span.name {
    font-weight: 500;
    display: flex;
    align-items: center;
}
@media (max-width:767px) {
    .row-block .item {
        width: calc((100% - 20px) / 2);
    }
}
@media (max-width:414px) {
    .row-block {
        display: block;
    }
    .row-block .item {
        width: 100%;
    }
}
.relate-underlying .price-holder .lastvalue .lastprice {
    font-size: 36px;
    line-height: 45px;
    margin-right: 10px;
}
.relate-underlying .row-divider {
    align-items: flex-start;
}
.airbag-holder {
    width: 45%;
}
.airbag-holder .row-block .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 21px;
    font-weight: 300;
}
.airbag-chart {
    width: 95%;
    padding-top: 3px;
    position: relative;
}
.airbag-chart .triggle-value {
    position: relative;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 2px solid #dadada;
    height: 20px;
    font-weight: 400;
    letter-spacing: -0.05em;
}
.airbag-chart .triggle-value span.value-current {
    position: absolute;
    background: #f7f7f7;
    z-index: 10;
    left: 0;
    width: 50px;
}
.airbag-chart .triggle-value span.value-lowrange {
    position: absolute;
    width: 40px;
    left: 80%;
    text-align: center;
    margin-left: -20px;
}
.airbag-chart .triggle-value span.value-highrange {
    position: absolute;
    left: 100%;
    text-align: center;
    width: 40px;
    margin-left: -20px;
}
.airbag-chart .trigger-mark {
    position: absolute;
    margin-top: 1px;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #6a7d39 transparent;
    border-style: solid;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}
.airbag-chart .trigger-mark.up {
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #6a7d39 transparent;
}
.airbag-chart .trigger-mark.down {
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #b60000 transparent;
}
.airbag-chart .trigger-bar {
    margin-top: 1px;
    float: right;
    background: url(../images/trigger-pattern.png) repeat;
    height: 14px;
    width: 20%;
}
@media (max-width:1023px) {
    .airbag-holder {
        width: calc((100% - 50px) / 2);
        /* width: 100%; */
        /* margin: 10px 0; */
    }
    .price-holder {
        width: calc((100% - 50px) / 2);
    }
}
@media (max-width:767px) {
    .airbag-holder {
        width: 100%;
    }
    .price-holder {
        width: 100%;
    }
}
@media (max-width:600px) {
    .airbag-holder {
        width: 100%;
        margin: 0;
    }
    .price-holder {
        width: 100%;
        margin: 10px 0;
        margin-top: 5px;
    }
}
.relate-underlying .row-feature-terms {
    padding-top: 7px;
    padding-bottom: 10px;
    border: 0;
    margin-top: 0;
}
.terms-row {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}
.terms-row .terms-block {
    width: calc(100% - 395px);
}
.terms-row .chart-block {
    width: 370px;
}
.terms-row .chart-block .term-chart {
    margin-bottom: 25px;
}
.linklist-wrapper a {
    display: block;
}
.link-list {
    color: #007099;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 3px;
}
.link-list:before {
    content: '';
    background: url(../images/icon-linklist.svg) no-repeat center;
    width: 10px;
    height: 22px;
    display: inline-block;
    background-size: 8px 14px;
    vertical-align: bottom;
    margin-right: 5px;
}
.link-list img {
    padding-left: 5px;
    vertical-align: initial;
}
@media (max-width:1023px) {
    .terms-row {
        display: block;
        margin-top: 25px;
    }
    .terms-row .terms-block {
        width: 100%;
        margin-bottom: 30px;
    }
    .terms-row .chart-block {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .terms-row .chart-block .term-chart {
        width: calc((100% - 25px) / 2);
    }
    .terms-row .chart-block .term-chart img {
        width: 100%;
    }
}
@media (max-width:767px) {
    .terms-row .chart-block {
        flex-direction: column;
    }
    .terms-row .chart-block .term-chart {
        width: 100%;
    }
}
/* Chart */
.chart-row {
    display: flex;
    margin-top: 35px;
}
.legend-row {
    margin: 5px 0;
}
.legend {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    color: #646464;
}
.legend .l-dlc:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #9a3d37;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.legend .l-underlying:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #dbaa35;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.legend .l-code:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #9a3d37;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
@media (max-width:1023px) {
    .linklist-wrapper {
        display: flex;
    }
    .linklist-wrapper a {
        padding-right: 50px;
    }
}

/* Accordion */
.ui-accordion {
    padding-top: 20px!important;
}

/* Education */
.education-holder {
    display: block;
    margin-top: 1.18375em;
    margin-bottom: 40px;
}
.education-row {
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
}
.education-item {
    width: calc((100% - 50px) / 3);
    margin-right: 25px;
}
.education-item:last-child {
    margin-right: 0;
}
.education-video {
    width: 100%;
    margin-top: 20px;
    padding-right: 10px;
}
.education-video video {
    width: 100%;
}
.education-item .videotitle {
    font-size: 16px;
    line-height: 1.5em;
}
@media (max-width:767px) {
    .education-row {
        display: block;
    }
    .education-item {
        width: 100%;
        margin-right: 0;
    }
    .education-item .videotitle {
        margin-bottom: 25px;
    }
}

/* video-bar */
.video-bar {
    padding-top: 20px;
    width: 100%;
    display: flex;
    margin-bottom: 40px;
}
.video-bar ul {
    width: 24%;
}
.video-item {
    color: #e60000;
    list-style: disc;
    margin-left: 20px;
}
.video-item:not(:last-child) {
    margin-bottom: 30px;
}
.steps {
    padding: 0;
    overflow: hidden;
  }
  .steps a {
    color: black;
    text-decoration: none;
    justify-content: center;
    display: flex;
    line-height: 60px;
    font-size: 18px;
  }
 .steps li.current a {
    color: white;
  }
  .steps em {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
  }
  .steps li {
    float: left;
    margin-left: 0;
    width: 24%; /* 100 / number of steps */
    height: 70px; /* total height */
    list-style-type: none;
    padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
    border-right: 3px solid white; /* width: gap between arrows, color: background of document */
    position: relative;
  }
  /* remove extra padding on the first object since it doesn't have an arrow to the left */
  .steps li:first-child {
    padding-left: 5px;
  }
  /* white arrow to the left to "erase" background (starting from the 2nd object) */
  .steps li:nth-child(n+2)::before {
    position: absolute;
    top:0;
    left:0;
    display: block;
    border-left: 25px solid white; /* width: arrow width, color: background of document */
    border-top: 35px solid transparent; /* width: half height */
    border-bottom: 35px solid transparent; /* width: half height */
    width: 0;
    height: 0;
    content: " ";
  }
  /* colored arrow to the right */
  .steps li::after {
    z-index: 1; /* need to bring this above the next item */
    position: absolute;
    top: 0;
    right: -25px; /* arrow width (negated) */
    display: block;
    border-left: 25px solid #CCC; /* width: arrow width */
    border-top: 35px solid transparent; /* width: half height */
    border-bottom: 35px solid transparent; /* width: half height */
    width:0;
    height:0;
    content: " ";
  }
  
  /* Setup colors (both the background and the arrow) */
  
  /* Completed */
  .steps li { background-color: #CCC; }
  .steps li::after { border-left-color: #CCC; }
  
  /* Current */
  .steps li.current { background-color: #e60000; }
  .steps li.current::after { border-left-color: #e60000; }
  
  /* Following */
  .steps li.current ~ li { background-color: #EBEBEB; }
  .steps li.current ~ li::after { border-left-color: #EBEBEB; }
  
  /* Hover for completed and current */
  .steps li:hover {background-color: #e60000;}
  .steps li:hover::after {border-left-color: #e60000;}

  div.alternative {
    color: #1c1c1c;
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 20px;
  }
  /* span.alternative::before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    margin-right: 20px;
    background-color: #e60000;
    text-indent: -0.75em;
  } */

  /* lightbox */
  /* .video_box{ */
	/* display: none; */
  /* } */
  .video_box{
	display: none;
    position: relative;
  }
  .video_box.first{
	display: block;
  }
  .video_box img {
      width: 100%;
  }
  .play-button-outer {
    border-radius: 11px;
    position: absolute;
    margin-top: calc(29% - 35px);
    margin-left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, .46);
    cursor: pointer;
    transition: border-color .4s,outline .4s,background-color .4s;
  }
  .play-button {
    margin: 0 auto;
    top: 24px;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 17px;
    border-color: transparent transparent transparent white;
    opacity: 1;
    margin-left: 29px;
  }
  .play-button-outer:hover {
    background-color: rgba(0, 0, 0, 1);
  }
  .play-button-outer:hover .play-button {
    opacity: 1;
  }
  .video-bar .alternative{
	cursor: pointer;
  }
  .videofade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
  }
  .light {
    display: none;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    max-width: 600px;
    max-height: 360px;
    margin-left: -300px;
    margin-top: -180px;
    border: 2px solid #FFF;
    background: #FFF;
    z-index: 1002;
    overflow: visible;
  }
  .boxclose-box {
    float: right;
    cursor: pointer;
    color: #fff;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
  }
  .boxclose {
    display: inline-block;
    width: 22px;
    height: 20px;
    overflow: hidden;
  }
  .boxclose:hover::before, .boxclose:hover::after {
    background: #e60000;
  }
  .boxclose::before, .boxclose::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
  }
  .boxclose::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .boxclose::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .boxclose.big {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
  }
  .boxclose.thick::before, .boxclose.thick::after {
    height: 4px;
    margin-top: -2px;
  }
  .fade:hover ~ .boxclose {
    display:none;
  }
  .test:hover ~ .test2 {
    display: none;
  }

  @media (max-width:767px) {
    .video-bar {
        display: block;
        margin-bottom: 40px;
    }
    .video-bar ul {
        width: 100%;
    }
    .video-item {
        margin-bottom: 40px;
    }
    .steps li::after {
        display: none;
    }
    .steps li:nth-child(n+2)::before {
        display: none;
    }
    .steps li {
        width: 25%;
        height: 50px;
        padding-left: 5px;
    }
    .steps a {
        font-size: 14px;
        line-height: 40px;
    }
    .steps li:last-child {
        border-right: 0;
    }
    .light {
        left: 0%;
        max-width: 100%;
        margin-left: 0;
    }
  }

  /* Tooltips */
  .tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    font-weight: 300;
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 130%;
    left: 0;
    margin-left: 0;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    white-space: normal;
  }
  .lastprice .tooltip .tooltiptext {
    top: 55%;
  }
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  .terms-block table {
      overflow: initial;
  }

/* Homepage Subscription */
.subscription-box {
    margin-top: 20px;
    background-color: #f5f5f5;
    padding: 18px 20px;
}
.subscription-box .title {
    padding-bottom: 20px;
}
.subscription-box .title img {
    width: 24px;
    vertical-align: top;
}
.subscription-box .richtext {
    display: inline-block;
    padding-left: 7px;
    line-height: 24px;
}
.subscription-box .input-text {
    font-weight: 300;
    line-height: 21px;
    padding-bottom: 10px;
}
.subscription-box .input-text a {
    border-bottom: 1px solid #1c1c1c;
}
.subscription-form input {
    height: 40px;
    width: 370px;
    /* border: 1px solid #e60000; */
    padding: 0 10px;
}
.subscription-form .subscribe-button {
    font-family: 'Frutiger',Arial,Helvetica,sans-serif;
    color: white;
    border-radius: 2px;
    padding: 10px 20px;
    background: #e60000;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    vertical-align: top;
}
.subscription-form .subscribe-button:hover {
    background: #7a1d17;
}
.subscription-form .alert {
    padding-top: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #e60000;
    pointer-events: auto;
}
.subscription-box .success-msg, .subscription-box .unsuccess-msg {
    font-weight: 300;
    line-height: 21px;
    padding-top: 10px;
    font-size: 14px;
}
.subscription-box .unsuccess-msg {
    padding-top: 0;
}
@media (max-width:767px) {
    .subscription-form input {
        width: 100%;
    }
    .subscription-form .subscribe-button {
        margin-top: 10px;
    }
}
/* Unsubscribe */
.subscription-box.unsubscribe {
    margin-top: 20px;
    background-color: #f5f5f5;
    padding: 18px 20px;
    margin-bottom: 25px;
}
.subscription-box.unsubscribe .richtext {
    padding-left: 0;
}
.captcha-area {
    display: flex;
    margin-bottom: 25px;
}
.captcha-area input {
    width: 221px;
    padding: 0 10px;
}
.captcha-img-area {
    display: flex;
    align-items: end;
}
.captcha-img-area .captcha_reload {
    margin-left: 2px;
}
.captcha-img-area {
    margin-right: 10px;
}
.remindborder {
    border:1px solid #e60000;
}
/* Latest News */
/* .highlightPanel {
    margin-top: -50px;
    background: white;
    width: 1152px;
    padding: 30px;
    -webkit-box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.26); 
    box-shadow: 0px 3px 4px 2px rgb(0 0 0 / 26%);
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: space-between;
}
.highlightPanel .panel_content {
    width: calc(100% - 230px);
}
.highlightPanel .panel_profile {
    text-align: center;
    width: 200px;
}
.highlightPanel .panel_profile .info {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    padding-top: 10px;
}
.highlightPanel .panel_profile img {
    width: 120px;
    border-radius: 50%;
  }
.highlightPanel_headline{
    font-size: 30px;
    line-height: 21px;
    font-weight: 300;
    padding-bottom: 17px;
}
.highlightPanel_txt {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    padding-bottom: 15px;
}
.filterPanel {
    padding-top: 230px;
}
@media (max-width:1280px) {
    .highlightPanel {
        width: calc(100% - 86px);
    }
}
@media (max-width:1024px) {
    .highlightPanel {
        width: calc(100% - 70px);
    }
}
@media (max-width:1023px) {
    .highlightPanel {
        margin-top: 35px;
        position: relative;
        width: 100%;
    }
    .filterPanel {
        padding-top: 0;
    }
}
@media (max-width:767px) {
    .highlightPanel {
        margin-top: 15px;
        padding: 20px;
        width: 100%;
        position: relative;
        top: 0;
        display: block;
        -webkit-box-shadow: none; 
        box-shadow: none;
        border: 1px solid #1c1c1c;
    }
    .highlightPanel .panel_content {
        width: 100%;
    }
    .highlightPanel_headline {
        font-size: 24px;
    }
    .highlightPanel .panel_profile {
        display: flex;
        align-items: center;
        width: 100%;
        padding-top: 20px;
    }
    .highlightPanel .panel_profile img {
        width: 100px;
    }
    .highlightPanel .panel_profile .info {
        text-align: left;
        padding-top: 0;
        padding-left: 20px;
    }
    .filterPanel {
        padding-top: 0;
    }
} */
.grid-content {
    padding-top: 10px;
}
.suspend {
    font-size: 18px;
    line-height: 21px;
    color:#e60000;
    padding-bottom: 20px;
}
@media (max-width:767px) {
    .suspend {
        padding-bottom: 0;
    }
}


.indicator-new {
    font-size: 13px;
    padding: 0px 7px 0px 7px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    color: white;
    background: #e60000;
    margin-left: 10px;
    font-weight: 500;
    position: absolute;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .indicator-new {
        position: relative;
    }
}

:root {
    --brand: #E60000;
    --red: #A43725;
    --green: #677D00;
    --gray-100: #fafafa;
    --gray-300: #f5f5f5;
    --gray-500: #E6E6E6;
    --gray-700: #757575;
    --border-color: #E6E6E6;
    --call-bg: #E6EBB0;
    --put-bg: #f5f5f5;
    --font-lg: 30px;
    --font-md: 20px;
    --font-sm: 15px;
    --font-xs: 12px;
    --font-small: 12px;
    --box-size: 24px;
    /** chart color **/
    --intra-line: #6FB6DF;
    --intra-dot: #474747;
    --hsi-color: #CCCCCC;
    --ndx-color: #6FB6DF;
    --spx-color: #474747;
    --dji-color: #474747;
    --hstech-color: #CDD760;
}
/*   //ANCHOR color */
.brand-color {
    color: var(--brand);
}
.drop {
    color: var(--red);
}
.rise {
    color: var(--green);
}
.terms-block .index-data-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #fff;
    border: 1px solid var(--border-color);
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.terms-block .index-data-title {
    font-size: var(--font-md);
    padding: var(--box-size) var(--box-size) 0 var(--box-size);
    font-weight: 500;
    color: var(--brand);
}
.terms-block .index-data-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding: 0 var(--box-size);
    flex-wrap: wrap;
}

.terms-block .index-data-price .timestamp{
    margin-bottom: 10px;
    margin-top: 3px;
    width: 100%;
}
.terms-block .index-data-price .last {
    font-size: 46px;
    font-weight: 500;
}
.terms-block .index-data-price .pchng {
    font-size: var(--font-sm);
    text-align: right;
    font-weight: 500;
}
/* ANCHOR @media tablet*/
@media (max-width: 1080px) {

    :root {
        --font-lg: 28px;
        --font-md: 18px;
        --font-sm: 14px;
        --font-xs: 12px;
        --font-small: 12px;
        --box-size: 16px;
    }
}
@media (max-width: 767px) {
    .terms-block .index-data-price .timestamp {
        font-size: 14px;
    }
    .terms-block .index-data-item {
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    :root {
        --font-lg: 28px;
        --font-md: 18px;
        --font-sm: 14px;
        --font-xs: 12px;
        --font-small: 12px;
        --box-size: 14px;
    }
}

/* Homepage fundflows */
.fundflows-box {
    margin-top: 20px;
}
.fundflows-box table.table-data thead tr th.inflow_th, .fundflows-box table.table-data thead tr th.outflow_th {
    text-align: center;
}
.fundflows-box .desktop-only {
    display: revert;
}
@media (max-width: 767px) {
    .fundflows-box .desktop-only {
        display: none;
    }
}
.fundflows-box .fundflows-trend-row {
    display: flex;
    align-items: center;
}
.fundflows-box .fundflows-trend-row .title {
    font-weight: 300;
    width: 150px;
}
.fundflows-box .fundflows-option-select {
    display: flex;
    align-items: center;
}
.fundflows-box .fundflows-option-select .title {
    font-weight: 300;
    width: 150px;
}
.fundflows-box .fundflows-option-select .checkbox-label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-right: 25px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fundflows-box .fundflows-trend-row .choices, .fundflows-box .fundflows-option-select .choices {
    display: flex;
}

.fundflows-box table.table-data {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-right: none;
    font-size: 15px;
    text-align: left;
}
.fundflows-box table.table-data thead tr th {
    padding: 8px 5px;
    background: #f8f8f8;
    line-height: 20px;
    border-right: 1px solid #ebebeb;
}
.fundflows-box table.table-data tbody tr td {
    padding: 8px 5px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.fundflows-box table.table-data tbody tr td.bar_area.left {
    padding: 6px 0;
    vertical-align: middle;
}
.fundflows-box table.table-data tbody tr td .money_flowin {
    width: calc(100% - 60px);
    height: 22px;
    float: right;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar {
    position: relative;
    float: right;
    width: 100%;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar span {
    background: #e6ecb0;
    height: 22px;
    float: right;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar .name {
    position: absolute;
    margin-right: 5px;
    right: 0;
    font-size: 14px;
    line-height: 22px;
    background: none;
    font-weight: 400;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar .number {
    position: absolute;
    background: none;
    font-size: 14px;
    font-weight: normal;
    width: 55px;
    line-height: 22px;
    margin-right: 5px;
    left: -60px;
    text-align: right;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar span.desktop-only {
    float: none;
    background: none;
    display: unset;
}
.fundflows-box table.table-data tbody tr td .money_flowin .bar .name span {
    font-weight: 300;
}
.fundflows-box table.table-data tbody tr td.bar_area.right {
    padding: 6px 0;
    vertical-align: middle;
}
.fundflows-box table.table-data tbody tr td .money_flowout {
    width: calc(100% - 60px);
    height: 22px;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar {
    position: relative;
    float: left;
    width: 100%;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar span {
    background: #e6b5a4;
    height: 22px;
    float: left;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar .number {
    position: absolute;
    background: none;
    font-size: 14px;
    font-weight: normal;
    width: 56px;
    line-height: 22px;
    margin-left: 5px;
    right: -60px;
    text-align: left;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar .name {
    position: absolute;
    margin-left: 5px;
    left: 0;
    font-size: 14px;
    line-height: 22px;
    background: none;
    font-weight: 400;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar .name span {
    font-weight: 300;
}
.fundflows-box table.table-data tbody tr td .money_flowout .bar span.desktop-only {
    float: none;
    background: none;
    display: unset;
}
@media (max-width: 700px) {
    .fundflows-box .fundflows-trend-row {
        display: block;
        margin-bottom: 15px;
        margin-top: 5px;
    }
    .fundflows-box .fundflows-trend-row .title {
        width: 100%;
        margin-bottom: 10px;
    }
    .fundflows-box .fundflows-option-select {
        display: block;
        margin-bottom: 10px;
    }
    .fundflows-box .fundflows-option-select.title {
        width: 100%;
        margin-bottom: 10px;
    }
    .fundflows-box .radio-label {
        margin-right: 20px;
    }
    .fundflows-box table.table-data tbody tr td .money_flowin .bar span.desktop-only {
        display: none;
    }
    .fundflows-box table.table-data tbody tr td .money_flowout .bar span.desktop-only {
        display: none;
    }
}

.highlight-red {
    color: #e60000;
}
ul.catnav-list {
    float: left;
    margin: 7px 0 10px 0;
    width: 100%;
}
ul.catnav-list li {
    margin-right: 21px;
    border-bottom: 6px solid transparent;
    float: left;
}
ul.catnav-list li:last-child {
    margin-right: 0;
}
ul.catnav-list li a {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 0;
    font-family: "Frutiger",Arial,Helvetica,sans-serif;
    font-weight: 300;
}
ul.catnav-list li a.desktop-only {
    display: inline;
}
ul.catnav-list li:hover, ul.catnav-list li.active {
    border-color: #646464;
}
@media (max-width: 767px) {
    ul.catnav-list li {
        margin-right: 18px;
    }
    ul.catnav-list li a {
        font-size: 15px;
    }
    ul.catnav-list li:last-child a {
        line-height: 21px;
    }
    ul.catnav-list li a.desktop-only {
        display: none;
    }
}
@media (max-width: 413px) {
    ul.catnav-list li {
        margin-right: 12px;
    }
    ul.catnav-list li a {
        font-size: 14px;
    }
}
.search-block .search-area>div {
    position: relative;
}
.quick_search.ac_results_output .ac_results {
    position: absolute;
    left: -1px;
    top: 57px;
    z-index: 1000;
    font-size: 14px;
}
.quick_search.ac_results_output .ac_results ul {
    max-height: 300px;
    overflow: hidden auto;
    width: 287px;
    background: white;
    padding: 5px 5px 10px 7px;
    border: 1px solid #aaa;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}
header .quick_search.ac_results_output .ac_results ul {
    width: 466px;
}
.quick_search.ac_results_output .ac_results ul li a {
    display: flex;
    padding: 5px;
}
.quick_search.ac_results_output .ac_results ul li a:hover, .quick_search.ac_results_output .ac_results ul li.ac_over {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.quick_search.ac_results_output .ac_results ul li a div.code {
    width: 66px;
    color: #e60000;
    border-right: 1px solid rgb(170, 170, 170);
}
.quick_search.ac_results_output .ac_results ul li a div.name {
    padding-left: 10px;
    color: #444;
}
.quick_search.ac_results_output .ac_results ul li a:hover div.code,
.quick_search.ac_results_output .ac_results ul li a:hover div.name,
.quick_search.ac_results_output .ac_results ul li.ac_over div.code,
.quick_search.ac_results_output .ac_results ul li.ac_over div.name {
    color: #fff;
}
@media (max-width: 767px) {
    .quick_search.ac_results_output .ac_results {
        width: calc(100% + 2px);
        top: 55px;
        font-size: 15px;
    }
    header .quick_search.ac_results_output .ac_results {
        top: 42px;
    }
    .quick_search.ac_results_output .ac_results ul {
        width: 100%;
    }
    header .quick_search.ac_results_output .ac_results ul {
        width: 100%;
    }
    .search-holder .search-item.with-search {
        margin-bottom: 0;
    }
}

.main-code-holder .performance-select {
    /* display: block; */
    margin-right: 50px;
}
.main-code-holder .performance-select:last-child {
    float: none;
}
.dlcchartname {
    font-size: 18px;
    line-height: 21px;
    padding-left: 25px;
}

/* .highcharts-tooltip > span:before{
    position: absolute;
    content: "";
    display: block;
    top: -6px;
    left: -6px;
    background: #fff;
    width: calc(100% + 13.5px);
    height: calc(100% + 13.5px);
    z-index: 0;
} */
.charttooltip{
    position: relative;
}

@media (max-width: 767px) {
    .main-code-holder .performance-select:last-child {
        display: flex;
        justify-content: space-between;
    }
}

.captcha_image img {
    width: 70px;
    height: auto;
}