.fv5 {font-family:forma-djr-micro, Arial,sans-serif!important; max-width:100%; }
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 p, .fv5 a {font-family:forma-djr-micro, Arial, sans-serif!important; line-height: normal;}

.fv5.row .breadcrumb-menu{width:100%;background-color:#222222;}
.fv5.row .breadcrumb-menu ul.breadcrumb {padding: 10px ; list-style: none; width:75em; margin:auto;}
.fv5.row .breadcrumb-menu ul.breadcrumb li{display: inline; font-size: 14px; color:white;}
.fv5.row .breadcrumb-menu ul.breadcrumb li+li:before {padding: 8px; color: white; content: "/\00a0";}
.fv5.row .breadcrumb-menu ul.breadcrumb li a {text-decoration: none; color:white;}
.fv5.row .breadcrumb-menu ul.breadcrumb li a:hover {text-decoration: underline;}
.fv5.row .content {display:flex; flex-direction:row;max-width:75em;margin:auto;}
.fv5.row .content .dskMenuWrapper {width:20%;}
.fv5.row .content .dskMenu {background-color:#e6e6e6; position: sticky; top: 0;}
.fv5.row .content .mobMenuWrapper {display:none;}
.fv5.row .content .contentWrapper {width:80%;padding: 30px 20px 30px 50px; }
.fv5.row .content h1{font-size:48px;font-weight:400;margin:0; }
.fv5.row .content h2{font-size:32px; font-weight:400;padding-bottom:5px; padding-top:40px;margin:0;}
.fv5.row .content h3{font-size:22px; font-weight:400; border-bottom:1px solid black;padding:25px 0 5px;margin:0;}
.fv5.row .content p{font-size:16px;padding-top:15px;margin:0;}
.fv5.row .content ul li{font-size:16px; display: list-item; list-style-type: disc;padding-top:15px;}
.fv5.row .content ol li{font-size:16px; display: list-item; list-style-type: decimal;padding-top:15px;}
.fv5.row .content ol, .fv5.row .content ul{margin:0;}
.fv5.row .content ul, div.row ol { display: list-item; padding-left: 20px; }
.fv5.row .content .dskMenu a {text-decoration: none; line-height:20px; display: inline-block; padding:10px 45px 10px 25px !important;}
.fv5.row .content .dskMenu:first-child {padding-top:40px;}
.fv5.row .content .dskMenu:last-child {padding-bottom:30px;}
.fv5.row .content .dskMenu a:hover, a:focus {color:black;}
.fv5.row .content .contentWrapper a {color: #007DBA; text-decoration: none;}
.fv5.row .content .contentWrapper a:hover{text-decoration: underline;}
.fv5.row .content .contentWrapper p.footdisclaimer{margin: 50px 0 50px 0; font-size: 12px; color:#333; padding: 20px 0; border-top:1px solid #CCC;}
.fv5.row .active {background-color:white!important; border-left:5px solid #165dba;}
.fv5.row .content .dskMenu .menu-item:hover{background-color:white;}
.fv5.row .content .dskMenu .menu-item {width: 100%;}


@media (max-width: 1200px) { 
  .fv5.row .content{padding:0!important;}
  .fv5.row .content h1{font-size:42px;font-weight:400; }
  .fv5.row .breadcrumb-menu ul.breadcrumb {width:100%;}
}

@media (max-width: 1024px) { 
  .fv5.row {padding:0!important;}
  .fv5.row .content{padding:0!important;}
  .fv5.row .content .contentWrapper {padding: 30px 20px;}
  .fv5.row .content h1{font-size:42px;font-weight:400; }
  .fv5.row .content .dskMenu a {text-decoration: none; line-height:20px; display: inline-block; padding:10px 20px!important;}
}

@media (max-width: 800px) { 
  .fv5.row {padding:0!important;width:100%!important;}
  .fv5.row .content{width:100%!important;padding:0!important;}
  .fv5.row .content h1{font-size:40px;font-weight:400; }
  .fv5.row .content h2{font-size:28px;font-weight:400; }
  .fv5.row .content h3{font-size:20px;font-weight:400; }

}

@media (max-width: 768px) { 
  .fv5.row .content .dskMenuWrapper {display:none;}
  .fv5.row .content .contentWrapper {width:100%;padding: 20px;}
  .fv5.row .content h1{max-width:80%; }
  .fv5.row .content {position: relative;display:block;}
  .fv5.row .content .mobMenuWrapper a {color: black;padding: 10px 10px 10px 20px;text-decoration: none;font-size: 16px;display: block;line-height: 20px; background-color:#e6e6e6;}
  .fv5.row .content .mobMenuWrapper a.icon {background: #e6e6e6;display: block;position: absolute;right: 0;top: 35px;}
  .fv5.row .content .mobMenuWrapper img{padding-right:5px; padding-bottom:2px;}
  .fv5.row .content .mobMenuWrapper { display: block; position: sticky; top: 0; z-index: 100;background-color: #e6e6e6!important;}
  .fv5.row .content .mobMenuWrapper .mobMenu {display:none; width: 220px;height: 100vh; transition: left 0.3s ease-in-out; position: absolute; z-index: 200;right:0;overflow:scroll;}
  .fv5.row .content .contentWrapper { position: relative; z-index: 1; }
  .fv5.row .content .menu-open {display: block!important;background-color: #e6e6e6!important;}
  .fv5.row .content .menu-header {display: flex;justify-content: flex-end;padding: 10px;background-color:#e6e6e6;}
  .fv5.row .content .close-icon {cursor: pointer;font-size: 20px; background-color:#e6e6e6;}
  .fv5.row .content .menu-toggle {position: absolute;top:30px; right: 0; cursor: pointer;}
  .fv5.row .content .menu-icon, .fv5 .content .menu-icon:before, .fv5 .content .menu-icon:after {font-size: 12px; background-color: #e6e6e6; display: block; transition: all 0.3s ease-in-out; padding:10px;}
  .fv5.row .content .menu-icon:before {transform: translateY(-8px);}
  .fv5.row .content .menu-icon:after {transform: translateY(5px);}
  .fv5.row .content .menu-open .menu-icon {background-color: transparent;}
  .fv5.row .content .menu-open .menu-icon:before {transform: rotate(45deg) translateY(0);}
  .fv5.row .content .menu-open .menu-icon:after {transform: rotate(-45deg) translateY(0);}
  .fv5.row .content .mobMenu.menu-open:first-child {padding-top:40px;}
  .fv5.row .content .mobMenu.menu-open:last-child{padding-bottom:30px;}
}

@media (max-width: 500px) { 
  .fv5.row .content h1{font-size:36px; }
  }
