body, button{font-family: Source Sans Pro, Arial, Helvetica, sans-serif !important}
.legal-desktop #page { display: block;}
.legal-page{font-size: 16px; padding-bottom: 30px; color: #222222; margin: 0 auto; width: 100%; background-color: #fff}
.legal-title{width: 100%; left: 0; top: 111px; background-color: #fff;border-bottom: solid 1px #ccc; z-index: 2;}
.legal-page h1{font-size: 36px; font-weight: 300; height: 80px;line-height: 80px;width: 100%; margin: 0 auto}
.legal-page h2{font-size: 21px; color: #222222; padding: 13px 0 8px; text-transform: none; font-weight: 500}
.legal-page .legal-nav h2{padding-top: 0}
.legal-page ul, .legal-page ol{margin-left: 22px}
.legal-page ul.list-annex{margin-left: 0}
.legal-content a{color: #338695}
.legal-page .legal-nav a{text-decoration: none}
.legal-content h3{font-size: 18px; color: #333; margin-bottom: 9px; padding-top: 5px}
.legal-content ul li{list-style: disc; margin-left: 5px}
.legal-content li{margin-bottom: 15px; line-height: 30px}
.legal-content p, .legal-content address{margin-bottom: 4px; line-height: 30px}
.legal-content address{font-weight: bold}
.legal-content ul.list-alpha li{list-style: lower-alpha}

.legal-nav{font-size: 16px; margin-top: -2px; margin-bottom: 2px; z-index: 1}
.legal-page .legal-nav ol{margin-left: 0; counter-reset: foo}
.legal-nav > ol > li{list-style: decimal inside; color: #999; background-color: #fff; position: relative; counter-increment: foo; display: table; padding: 10px; border-top: solid 1px #ccc; cursor: pointer}
.legal-nav > ol > li:first-child{border-top: 0}
.legal-nav > ol > li:before{content: counter(foo) "."; display: table-cell; text-align: right; width: 14px; padding-right: 5px}
.legal-nav > ol > li > span{font-weight: 600; color: #333}
.legal-nav > ol > li > span > strong{font-weight: 600; color: #000; margin-right: 5px}
.legal-nav > ol > li > span > i {
    background-color: #FFCC00;
}

/* Desktop */
.legal-desktop #page .od-header{position: fixed !important;top: 0;left: 0; z-index: 5;width:100%}
.legal-desktop #page.home .od-body-content{margin-top: 66px}
.legal-desktop #page.home .od-brand{height: 84px !important}
.legal-desktop .od-page {
    background-color: #F9F9F7;
}
.legal-desktop .legal-page{background-color: transparent;padding: 154px 10px 30px; max-width: 960px}
.legal-desktop .navbar-toggle{display: none}
.legal-desktop .legal-title{position: fixed}
.legal-desktop .legal-page h1{max-width: 960px}
.legal-desktop .legal-content{width: 540px; margin-left: 400px}
.legal-desktop .legal-content.without-index { width: 100%; margin-left: 0; }
.legal-desktop .legal-content.is-relative{display: table-cell; vertical-align: top; margin-left: 0; padding-left: 60px}
.legal-desktop .legal-nav{bottom: 75px;top: 215px;width: 340px;position: fixed; margin-top: 13px}
.legal-desktop .legal-nav.is-relative{bottom: auto;top: auto;position: relative; display: table-cell; vertical-align: bottom}
.legal-desktop .legal-nav ol{max-height: 100%;overflow-y: auto;overflow-x: hidden;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc}
.legal-desktop .legal-nav.is-relative ol{
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: auto;
}
.legal-desktop .legal-nav > ol > li {
  width: 100%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.legal-desktop .legal-nav > ol > li:first-child{-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0}
.legal-desktop .legal-nav > ol > li:last-child{-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px}
.legal-desktop .legal-nav > ol > li:hover{background-color: #F3F2F0}
.legal-desktop .legal-nav li > span > i{position: absolute; height: 100%; width: 4px; background-color: #338695; left: 0; top: 0; display: none}
.legal-desktop .legal-nav li > span {
    color: #222222;
}
.legal-desktop .legal-nav li.legal-link-on > span > i{display: inline-block}
.od-page-title-withimage{display: none !important}

@media screen and (min-width: 1340px){
    .legal-desktop .legal-page, .legal-desktop .legal-page h1{max-width: 1120px}
    .legal-desktop .legal-content{width: 700px}
}

/* Mobile & Tablet*/
.legal-mobile .legal-nav, .legal-tablet .legal-nav{position: fixed;width: 100%; z-index: 9999; left: 0}
.legal-mobile .legal-nav h2, .legal-mobile .legal-nav, .legal-tablet .legal-nav h2, .legal-tablet .legal-nav{display: none}
.legal-mobile .legal-title.legal-title-fixed, .legal-tablet .legal-title.legal-title-fixed{top: 0; position: fixed; z-index: 99999}
.legal-mobile .legal-page h1, .legal-tablet .legal-page h1{font-weight: 400; height:60px; line-height: 59px; font-size: 22px; padding-left: 10px}
.legal-mobile .legal-page h2, .legal-tablet .legal-page h2{font-size: 21px;font-weight: 600;}
.legal-mobile .legal-content, .legal-tablet .legal-content{padding: 0 10px}
.legal-mobile .legal-page, .legal-tablet .legal-page{padding-bottom: 10px}
.legal-mobile .navbar-toggle, .legal-tablet .navbar-toggle{position: absolute;top: 18px;right: 17px;border:0;background:transparent;cursor: pointer; padding-bottom: 4px}
.legal-mobile .icon-bar, .legal-tablet .icon-bar{background-color: #131313;margin-top: 4px;display: block;width: 20px;height: 2px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px}
.legal-mobile .legal-nav, .legal-tablet .legal-nav{background-color: #fff}
.legal-mobile .legal-page .legal-nav ol, .legal-tablet .legal-page .legal-nav ol{margin-left: 0}
.legal-mobile .legal-nav.navOpen, .legal-tablet .legal-nav.navOpen{display:block}
.legal-mobile .legal-nav > ol > li, .legal-tablet .legal-nav > ol > li{width: 100%}

.legal-mobile .legal-page .legal-title,
.legal-tablet .legal-page .legal-title {
    display: table;
    margin-bottom: 2px;
}
.legal-mobile .legal-page .legal-title h1,
.legal-tablet .legal-page .legal-title h1 {
    font-size: 18px;
    padding-right: 53px;
    width: auto;
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
}

.legal-mobile .legal-nav,
.legal-tablet .legal-nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}

.legal-mobile .legal-nav {
    padding-bottom: 63px;
    height: 100%;
}

.legal-mobile .legal-nav ol,
.legal-tablet .legal-nav ol{
    overflow-x: hidden;
    overflow-y: scroll;
    border-bottom: solid 1px #ccc;
    max-height: 100%;
}

.legal-tablet .legal-nav ol{
    border-bottom: solid 2px #ccc;
}